@dazhicheng/ui 1.0.7 → 1.0.8

package/dist/index-CxQRxjJp.js

@@ -0,0 +1,909 @@
+import { l as ft, d as D } from "./index-7R1S3sB2.js";
+import { b as ut, a as Y, u as lt, h as ct, j as tt, w as ht, o as dt } from "./use-form-common-props-CH53YdF-.js";
+import { i as W } from "./icon-DO5WEZ3U.js";
+import { getCurrentInstance as gt, inject as et, ref as rt, computed as g, useSlots as bt, Text as vt, defineComponent as at, createBlock as B, openBlock as x, resolveDynamicComponent as N, mergeProps as pt, unref as v, withCtx as C, createElementBlock as $, createCommentVNode as U, Fragment as mt, renderSlot as _, normalizeClass as z, provide as yt, reactive as kt, toRef as q } from "vue";
+import { E as K } from "./index-BWFNEHAe.js";
+import { u as xt } from "./index-BZosiARJ.js";
+import { u as St } from "./use-form-item--pOyiE--.js";
+const Mt = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  /**
+   * @deprecated
+   * Text type will be deprecated in the next major version (3.0.0)
+   */
+  "text",
+  ""
+], wt = ["button", "submit", "reset"], G = ut({
+  /**
+   * @description button size
+   */
+  size: lt,
+  /**
+   * @description disable the button
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description button type
+   */
+  type: {
+    type: String,
+    values: Mt,
+    default: ""
+  },
+  /**
+   * @description icon component
+   */
+  icon: {
+    type: W
+  },
+  /**
+   * @description native button type
+   */
+  nativeType: {
+    type: String,
+    values: wt,
+    default: "button"
+  },
+  /**
+   * @description determine whether it's loading
+   */
+  loading: Boolean,
+  /**
+   * @description customize loading icon component
+   */
+  loadingIcon: {
+    type: W,
+    default: () => ft
+  },
+  /**
+   * @description determine whether it's a plain button
+   */
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description determine whether it's a text button
+   */
+  text: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description determine whether it's a link button
+   */
+  link: Boolean,
+  /**
+   * @description determine whether the text button background color is always on
+   */
+  bg: Boolean,
+  /**
+   * @description native button autofocus
+   */
+  autofocus: Boolean,
+  /**
+   * @description determine whether it's a round button
+   */
+  round: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description determine whether it's a circle button
+   */
+  circle: Boolean,
+  /**
+   * @description custom button color, automatically calculate `hover` and `active` color
+   */
+  color: String,
+  /**
+   * @description dark mode, which automatically converts `color` to dark mode colors
+   */
+  dark: Boolean,
+  /**
+   * @description automatically insert a space between two chinese characters
+   */
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description custom element tag
+   */
+  tag: {
+    type: Y([String, Object]),
+    default: "button"
+  }
+}), Bt = {
+  click: (t) => t instanceof MouseEvent
+}, nt = /* @__PURE__ */ Symbol(
+  "buttonGroupContextKey"
+), At = /* @__PURE__ */ Symbol(), L = rt();
+function Ht(t, r = void 0) {
+  const e = gt() ? et(At, L) : L;
+  return g(() => {
+    var a, n;
+    return (n = (a = e.value) == null ? void 0 : a[t]) != null ? n : r;
+  });
+}
+const Rt = (t, r) => {
+  xt(
+    {
+      from: "type.text",
+      replacement: "link",
+      version: "3.0.0",
+      scope: "props",
+      ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
+    },
+    g(() => t.type === "text")
+  );
+  const e = et(nt, void 0), a = Ht("button"), { form: n } = St(), o = ct(g(() => e == null ? void 0 : e.size)), i = tt(), s = rt(), l = bt(), p = g(
+    () => {
+      var f;
+      return t.type || (e == null ? void 0 : e.type) || ((f = a.value) == null ? void 0 : f.type) || "";
+    }
+  ), m = g(
+    () => {
+      var f, u, h;
+      return (h = (u = t.autoInsertSpace) != null ? u : (f = a.value) == null ? void 0 : f.autoInsertSpace) != null ? h : !1;
+    }
+  ), w = g(
+    () => {
+      var f, u, h;
+      return (h = (u = t.plain) != null ? u : (f = a.value) == null ? void 0 : f.plain) != null ? h : !1;
+    }
+  ), T = g(
+    () => {
+      var f, u, h;
+      return (h = (u = t.round) != null ? u : (f = a.value) == null ? void 0 : f.round) != null ? h : !1;
+    }
+  ), F = g(() => {
+    var f, u, h;
+    return (h = (u = t.text) != null ? u : (f = a.value) == null ? void 0 : f.text) != null ? h : !1;
+  }), I = g(() => t.tag === "button" ? {
+    ariaDisabled: i.value || t.loading,
+    disabled: i.value || t.loading,
+    autofocus: t.autofocus,
+    type: t.nativeType
+  } : {}), A = g(() => {
+    var f;
+    const u = (f = l.default) == null ? void 0 : f.call(l);
+    if (m.value && (u == null ? void 0 : u.length) === 1) {
+      const h = u[0];
+      if ((h == null ? void 0 : h.type) === vt) {
+        const st = h.children;
+        return new RegExp("^\\p{Unified_Ideograph}{2}$", "u").test(st.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: i,
+    _size: o,
+    _type: p,
+    _ref: s,
+    _props: I,
+    _plain: w,
+    _round: T,
+    _text: F,
+    shouldAddSpace: A,
+    handleClick: (f) => {
+      if (i.value || t.loading) {
+        f.stopPropagation();
+        return;
+      }
+      t.nativeType === "reset" && (n == null || n.resetFields()), r("click", f);
+    }
+  };
+};
+function c(t, r) {
+  _t(t) && (t = "100%");
+  var e = Tt(t);
+  return t = r === 360 ? t : Math.min(r, Math.max(0, parseFloat(t))), e && (t = parseInt(String(t * r), 10) / 100), Math.abs(t - r) < 1e-6 ? 1 : (r === 360 ? t = (t < 0 ? t % r + r : t % r) / parseFloat(String(r)) : t = t % r / parseFloat(String(r)), t);
+}
+function H(t) {
+  return Math.min(1, Math.max(0, t));
+}
+function _t(t) {
+  return typeof t == "string" && t.indexOf(".") !== -1 && parseFloat(t) === 1;
+}
+function Tt(t) {
+  return typeof t == "string" && t.indexOf("%") !== -1;
+}
+function it(t) {
+  return t = parseFloat(t), (isNaN(t) || t < 0 || t > 1) && (t = 1), t;
+}
+function R(t) {
+  return t <= 1 ? "".concat(Number(t) * 100, "%") : t;
+}
+function M(t) {
+  return t.length === 1 ? "0" + t : String(t);
+}
+function Ft(t, r, e) {
+  return {
+    r: c(t, 255) * 255,
+    g: c(r, 255) * 255,
+    b: c(e, 255) * 255
+  };
+}
+function Z(t, r, e) {
+  t = c(t, 255), r = c(r, 255), e = c(e, 255);
+  var a = Math.max(t, r, e), n = Math.min(t, r, e), o = 0, i = 0, s = (a + n) / 2;
+  if (a === n)
+    i = 0, o = 0;
+  else {
+    var l = a - n;
+    switch (i = s > 0.5 ? l / (2 - a - n) : l / (a + n), a) {
+      case t:
+        o = (r - e) / l + (r < e ? 6 : 0);
+        break;
+      case r:
+        o = (e - t) / l + 2;
+        break;
+      case e:
+        o = (t - r) / l + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: i, l: s };
+}
+function E(t, r, e) {
+  return e < 0 && (e += 1), e > 1 && (e -= 1), e < 1 / 6 ? t + (r - t) * (6 * e) : e < 1 / 2 ? r : e < 2 / 3 ? t + (r - t) * (2 / 3 - e) * 6 : t;
+}
+function It(t, r, e) {
+  var a, n, o;
+  if (t = c(t, 360), r = c(r, 100), e = c(e, 100), r === 0)
+    n = e, o = e, a = e;
+  else {
+    var i = e < 0.5 ? e * (1 + r) : e + r - e * r, s = 2 * e - i;
+    a = E(s, i, t + 1 / 3), n = E(s, i, t), o = E(s, i, t - 1 / 3);
+  }
+  return { r: a * 255, g: n * 255, b: o * 255 };
+}
+function J(t, r, e) {
+  t = c(t, 255), r = c(r, 255), e = c(e, 255);
+  var a = Math.max(t, r, e), n = Math.min(t, r, e), o = 0, i = a, s = a - n, l = a === 0 ? 0 : s / a;
+  if (a === n)
+    o = 0;
+  else {
+    switch (a) {
+      case t:
+        o = (r - e) / s + (r < e ? 6 : 0);
+        break;
+      case r:
+        o = (e - t) / s + 2;
+        break;
+      case e:
+        o = (t - r) / s + 4;
+        break;
+    }
+    o /= 6;
+  }
+  return { h: o, s: l, v: i };
+}
+function Nt(t, r, e) {
+  t = c(t, 360) * 6, r = c(r, 100), e = c(e, 100);
+  var a = Math.floor(t), n = t - a, o = e * (1 - r), i = e * (1 - n * r), s = e * (1 - (1 - n) * r), l = a % 6, p = [e, i, o, o, s, e][l], m = [s, e, e, i, o, o][l], w = [o, o, s, e, e, i][l];
+  return { r: p * 255, g: m * 255, b: w * 255 };
+}
+function Q(t, r, e, a) {
+  var n = [
+    M(Math.round(t).toString(16)),
+    M(Math.round(r).toString(16)),
+    M(Math.round(e).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 Ct(t, r, e, a, n) {
+  var o = [
+    M(Math.round(t).toString(16)),
+    M(Math.round(r).toString(16)),
+    M(Math.round(e).toString(16)),
+    M(Et(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 Et(t) {
+  return Math.round(parseFloat(t) * 255).toString(16);
+}
+function X(t) {
+  return d(t) / 255;
+}
+function d(t) {
+  return parseInt(t, 16);
+}
+function Pt(t) {
+  return {
+    r: t >> 16,
+    g: (t & 65280) >> 8,
+    b: t & 255
+  };
+}
+var j = {
+  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 Vt(t) {
+  var r = { r: 0, g: 0, b: 0 }, e = 1, a = null, n = null, o = null, i = !1, s = !1;
+  return typeof t == "string" && (t = Gt(t)), typeof t == "object" && (y(t.r) && y(t.g) && y(t.b) ? (r = Ft(t.r, t.g, t.b), i = !0, s = String(t.r).substr(-1) === "%" ? "prgb" : "rgb") : y(t.h) && y(t.s) && y(t.v) ? (a = R(t.s), n = R(t.v), r = Nt(t.h, a, n), i = !0, s = "hsv") : y(t.h) && y(t.s) && y(t.l) && (a = R(t.s), o = R(t.l), r = It(t.h, a, o), i = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(t, "a") && (e = t.a)), e = it(e), {
+    ok: i,
+    format: t.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: e
+  };
+}
+var $t = "[-\\+]?\\d+%?", zt = "[-\\+]?\\d*\\.\\d+%?", S = "(?:".concat(zt, ")|(?:").concat($t, ")"), P = "[\\s|\\(]+(".concat(S, ")[,|\\s]+(").concat(S, ")[,|\\s]+(").concat(S, ")\\s*\\)?"), V = "[\\s|\\(]+(".concat(S, ")[,|\\s]+(").concat(S, ")[,|\\s]+(").concat(S, ")[,|\\s]+(").concat(S, ")\\s*\\)?"), b = {
+  CSS_UNIT: new RegExp(S),
+  rgb: new RegExp("rgb" + P),
+  rgba: new RegExp("rgba" + V),
+  hsl: new RegExp("hsl" + P),
+  hsla: new RegExp("hsla" + V),
+  hsv: new RegExp("hsv" + P),
+  hsva: new RegExp("hsva" + V),
+  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 Gt(t) {
+  if (t = t.trim().toLowerCase(), t.length === 0)
+    return !1;
+  var r = !1;
+  if (j[t])
+    t = j[t], r = !0;
+  else if (t === "transparent")
+    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+  var e = b.rgb.exec(t);
+  return e ? { r: e[1], g: e[2], b: e[3] } : (e = b.rgba.exec(t), e ? { r: e[1], g: e[2], b: e[3], a: e[4] } : (e = b.hsl.exec(t), e ? { h: e[1], s: e[2], l: e[3] } : (e = b.hsla.exec(t), e ? { h: e[1], s: e[2], l: e[3], a: e[4] } : (e = b.hsv.exec(t), e ? { h: e[1], s: e[2], v: e[3] } : (e = b.hsva.exec(t), e ? { h: e[1], s: e[2], v: e[3], a: e[4] } : (e = b.hex8.exec(t), e ? {
+    r: d(e[1]),
+    g: d(e[2]),
+    b: d(e[3]),
+    a: X(e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = b.hex6.exec(t), e ? {
+    r: d(e[1]),
+    g: d(e[2]),
+    b: d(e[3]),
+    format: r ? "name" : "hex"
+  } : (e = b.hex4.exec(t), e ? {
+    r: d(e[1] + e[1]),
+    g: d(e[2] + e[2]),
+    b: d(e[3] + e[3]),
+    a: X(e[4] + e[4]),
+    format: r ? "name" : "hex8"
+  } : (e = b.hex3.exec(t), e ? {
+    r: d(e[1] + e[1]),
+    g: d(e[2] + e[2]),
+    b: d(e[3] + e[3]),
+    format: r ? "name" : "hex"
+  } : !1)))))))));
+}
+function y(t) {
+  return !!b.CSS_UNIT.exec(String(t));
+}
+var jt = (
+  /** @class */
+  function() {
+    function t(r, e) {
+      r === void 0 && (r = ""), e === void 0 && (e = {});
+      var a;
+      if (r instanceof t)
+        return r;
+      typeof r == "number" && (r = Pt(r)), this.originalInput = r;
+      var n = Vt(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 = e.format) !== null && a !== void 0 ? a : n.format, this.gradientType = e.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 t.prototype.isDark = function() {
+      return this.getBrightness() < 128;
+    }, t.prototype.isLight = function() {
+      return !this.isDark();
+    }, t.prototype.getBrightness = function() {
+      var r = this.toRgb();
+      return (r.r * 299 + r.g * 587 + r.b * 114) / 1e3;
+    }, t.prototype.getLuminance = function() {
+      var r = this.toRgb(), e, a, n, o = r.r / 255, i = r.g / 255, s = r.b / 255;
+      return o <= 0.03928 ? e = o / 12.92 : e = 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 * e + 0.7152 * a + 0.0722 * n;
+    }, t.prototype.getAlpha = function() {
+      return this.a;
+    }, t.prototype.setAlpha = function(r) {
+      return this.a = it(r), this.roundA = Math.round(100 * this.a) / 100, this;
+    }, t.prototype.isMonochrome = function() {
+      var r = this.toHsl().s;
+      return r === 0;
+    }, t.prototype.toHsv = function() {
+      var r = J(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, v: r.v, a: this.a };
+    }, t.prototype.toHsvString = function() {
+      var r = J(this.r, this.g, this.b), e = Math.round(r.h * 360), a = Math.round(r.s * 100), n = Math.round(r.v * 100);
+      return this.a === 1 ? "hsv(".concat(e, ", ").concat(a, "%, ").concat(n, "%)") : "hsva(".concat(e, ", ").concat(a, "%, ").concat(n, "%, ").concat(this.roundA, ")");
+    }, t.prototype.toHsl = function() {
+      var r = Z(this.r, this.g, this.b);
+      return { h: r.h * 360, s: r.s, l: r.l, a: this.a };
+    }, t.prototype.toHslString = function() {
+      var r = Z(this.r, this.g, this.b), e = Math.round(r.h * 360), a = Math.round(r.s * 100), n = Math.round(r.l * 100);
+      return this.a === 1 ? "hsl(".concat(e, ", ").concat(a, "%, ").concat(n, "%)") : "hsla(".concat(e, ", ").concat(a, "%, ").concat(n, "%, ").concat(this.roundA, ")");
+    }, t.prototype.toHex = function(r) {
+      return r === void 0 && (r = !1), Q(this.r, this.g, this.b, r);
+    }, t.prototype.toHexString = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex(r);
+    }, t.prototype.toHex8 = function(r) {
+      return r === void 0 && (r = !1), Ct(this.r, this.g, this.b, this.a, r);
+    }, t.prototype.toHex8String = function(r) {
+      return r === void 0 && (r = !1), "#" + this.toHex8(r);
+    }, t.prototype.toHexShortString = function(r) {
+      return r === void 0 && (r = !1), this.a === 1 ? this.toHexString(r) : this.toHex8String(r);
+    }, t.prototype.toRgb = function() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }, t.prototype.toRgbString = function() {
+      var r = Math.round(this.r), e = Math.round(this.g), a = Math.round(this.b);
+      return this.a === 1 ? "rgb(".concat(r, ", ").concat(e, ", ").concat(a, ")") : "rgba(".concat(r, ", ").concat(e, ", ").concat(a, ", ").concat(this.roundA, ")");
+    }, t.prototype.toPercentageRgb = function() {
+      var r = function(e) {
+        return "".concat(Math.round(c(e, 255) * 100), "%");
+      };
+      return {
+        r: r(this.r),
+        g: r(this.g),
+        b: r(this.b),
+        a: this.a
+      };
+    }, t.prototype.toPercentageRgbString = function() {
+      var r = function(e) {
+        return Math.round(c(e, 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, ")");
+    }, t.prototype.toName = function() {
+      if (this.a === 0)
+        return "transparent";
+      if (this.a < 1)
+        return !1;
+      for (var r = "#" + Q(this.r, this.g, this.b, !1), e = 0, a = Object.entries(j); e < a.length; e++) {
+        var n = a[e], o = n[0], i = n[1];
+        if (r === i)
+          return o;
+      }
+      return !1;
+    }, t.prototype.toString = function(r) {
+      var e = !!r;
+      r = r ?? this.format;
+      var a = !1, n = this.a < 1 && this.a >= 0, o = !e && 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());
+    }, t.prototype.toNumber = function() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }, t.prototype.clone = function() {
+      return new t(this.toString());
+    }, t.prototype.lighten = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.l += r / 100, e.l = H(e.l), new t(e);
+    }, t.prototype.brighten = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toRgb();
+      return e.r = Math.max(0, Math.min(255, e.r - Math.round(255 * -(r / 100)))), e.g = Math.max(0, Math.min(255, e.g - Math.round(255 * -(r / 100)))), e.b = Math.max(0, Math.min(255, e.b - Math.round(255 * -(r / 100)))), new t(e);
+    }, t.prototype.darken = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.l -= r / 100, e.l = H(e.l), new t(e);
+    }, t.prototype.tint = function(r) {
+      return r === void 0 && (r = 10), this.mix("white", r);
+    }, t.prototype.shade = function(r) {
+      return r === void 0 && (r = 10), this.mix("black", r);
+    }, t.prototype.desaturate = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.s -= r / 100, e.s = H(e.s), new t(e);
+    }, t.prototype.saturate = function(r) {
+      r === void 0 && (r = 10);
+      var e = this.toHsl();
+      return e.s += r / 100, e.s = H(e.s), new t(e);
+    }, t.prototype.greyscale = function() {
+      return this.desaturate(100);
+    }, t.prototype.spin = function(r) {
+      var e = this.toHsl(), a = (e.h + r) % 360;
+      return e.h = a < 0 ? 360 + a : a, new t(e);
+    }, t.prototype.mix = function(r, e) {
+      e === void 0 && (e = 50);
+      var a = this.toRgb(), n = new t(r).toRgb(), o = e / 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 t(i);
+    }, t.prototype.analogous = function(r, e) {
+      r === void 0 && (r = 6), e === void 0 && (e = 30);
+      var a = this.toHsl(), n = 360 / e, o = [this];
+      for (a.h = (a.h - (n * r >> 1) + 720) % 360; --r; )
+        a.h = (a.h + n) % 360, o.push(new t(a));
+      return o;
+    }, t.prototype.complement = function() {
+      var r = this.toHsl();
+      return r.h = (r.h + 180) % 360, new t(r);
+    }, t.prototype.monochromatic = function(r) {
+      r === void 0 && (r = 6);
+      for (var e = this.toHsv(), a = e.h, n = e.s, o = e.v, i = [], s = 1 / r; r--; )
+        i.push(new t({ h: a, s: n, v: o })), o = (o + s) % 1;
+      return i;
+    }, t.prototype.splitcomplement = function() {
+      var r = this.toHsl(), e = r.h;
+      return [
+        this,
+        new t({ h: (e + 72) % 360, s: r.s, l: r.l }),
+        new t({ h: (e + 216) % 360, s: r.s, l: r.l })
+      ];
+    }, t.prototype.onBackground = function(r) {
+      var e = this.toRgb(), a = new t(r).toRgb(), n = e.a + a.a * (1 - e.a);
+      return new t({
+        r: (e.r * e.a + a.r * a.a * (1 - e.a)) / n,
+        g: (e.g * e.a + a.g * a.a * (1 - e.a)) / n,
+        b: (e.b * e.a + a.b * a.a * (1 - e.a)) / n,
+        a: n
+      });
+    }, t.prototype.triad = function() {
+      return this.polyad(3);
+    }, t.prototype.tetrad = function() {
+      return this.polyad(4);
+    }, t.prototype.polyad = function(r) {
+      for (var e = this.toHsl(), a = e.h, n = [this], o = 360 / r, i = 1; i < r; i++)
+        n.push(new t({ h: (a + i * o) % 360, s: e.s, l: e.l }));
+      return n;
+    }, t.prototype.equals = function(r) {
+      return this.toRgbString() === new t(r).toRgbString();
+    }, t;
+  }()
+);
+function k(t, r = 20) {
+  return t.mix("#141414", r).toString();
+}
+function Dt(t) {
+  const r = tt(), e = D("button");
+  return g(() => {
+    let a = {}, n = t.color;
+    if (n) {
+      const o = n.match(/var\((.*?)\)/);
+      o && (n = window.getComputedStyle(window.document.documentElement).getPropertyValue(o[1]));
+      const i = new jt(n), s = t.dark ? i.tint(20).toString() : k(i, 20);
+      if (t.plain)
+        a = e.cssVarBlock({
+          "bg-color": t.dark ? k(i, 90) : i.tint(90).toString(),
+          "text-color": n,
+          "border-color": t.dark ? k(i, 50) : i.tint(50).toString(),
+          "hover-text-color": `var(${e.cssVarName("color-white")})`,
+          "hover-bg-color": n,
+          "hover-border-color": n,
+          "active-bg-color": s,
+          "active-text-color": `var(${e.cssVarName("color-white")})`,
+          "active-border-color": s
+        }), r.value && (a[e.cssVarBlockName("disabled-bg-color")] = t.dark ? k(i, 90) : i.tint(90).toString(), a[e.cssVarBlockName("disabled-text-color")] = t.dark ? k(i, 50) : i.tint(50).toString(), a[e.cssVarBlockName("disabled-border-color")] = t.dark ? k(i, 80) : i.tint(80).toString());
+      else {
+        const l = t.dark ? k(i, 30) : i.tint(30).toString(), p = i.isDark() ? `var(${e.cssVarName("color-white")})` : `var(${e.cssVarName("color-black")})`;
+        if (a = e.cssVarBlock({
+          "bg-color": n,
+          "text-color": p,
+          "border-color": n,
+          "hover-bg-color": l,
+          "hover-text-color": p,
+          "hover-border-color": l,
+          "active-bg-color": s,
+          "active-border-color": s
+        }), r.value) {
+          const m = t.dark ? k(i, 50) : i.tint(50).toString();
+          a[e.cssVarBlockName("disabled-bg-color")] = m, a[e.cssVarBlockName("disabled-text-color")] = t.dark ? "rgba(255, 255, 255, 0.5)" : `var(${e.cssVarName("color-white")})`, a[e.cssVarBlockName("disabled-border-color")] = m;
+        }
+      }
+    }
+    return a;
+  });
+}
+var Ot = /* @__PURE__ */ at({
+  name: "ElButton",
+  __name: "button",
+  props: G,
+  emits: Bt,
+  setup(t, { expose: r, emit: e }) {
+    const a = t, n = e, o = Dt(a), i = D("button"), {
+      _ref: s,
+      _size: l,
+      _type: p,
+      _disabled: m,
+      _props: w,
+      _plain: T,
+      _round: F,
+      _text: I,
+      shouldAddSpace: A,
+      handleClick: O
+    } = Rt(a, n), f = g(() => [
+      i.b(),
+      i.m(p.value),
+      i.m(l.value),
+      i.is("disabled", m.value),
+      i.is("loading", a.loading),
+      i.is("plain", T.value),
+      i.is("round", F.value),
+      i.is("circle", a.circle),
+      i.is("text", I.value),
+      i.is("link", a.link),
+      i.is("has-bg", a.bg)
+    ]);
+    return r({
+      /** @description button html element */
+      ref: s,
+      /** @description button size */
+      size: l,
+      /** @description button type */
+      type: p,
+      /** @description button disabled */
+      disabled: m,
+      /** @description whether adding space */
+      shouldAddSpace: A
+    }), (u, h) => (x(), B(N(t.tag), pt({
+      ref_key: "_ref",
+      ref: s
+    }, v(w), {
+      class: f.value,
+      style: v(o),
+      onClick: v(O)
+    }), {
+      default: C(() => [
+        t.loading ? (x(), $(
+          mt,
+          { key: 0 },
+          [
+            u.$slots.loading ? _(u.$slots, "loading", { key: 0 }) : (x(), B(v(K), {
+              key: 1,
+              class: z(v(i).is("loading"))
+            }, {
+              default: C(() => [
+                (x(), B(N(t.loadingIcon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"]))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        )) : t.icon || u.$slots.icon ? (x(), B(v(K), { key: 1 }, {
+          default: C(() => [
+            t.icon ? (x(), B(N(t.icon), { key: 0 })) : _(u.$slots, "icon", { key: 1 })
+          ]),
+          _: 3
+          /* FORWARDED */
+        })) : U("v-if", !0),
+        u.$slots.default ? (x(), $(
+          "span",
+          {
+            key: 2,
+            class: z({ [v(i).em("text", "expand")]: v(A) })
+          },
+          [
+            _(u.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        )) : U("v-if", !0)
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["class", "style", "onClick"]));
+  }
+});
+const Wt = {
+  /**
+   * @description control the size of buttons in this button-group
+   */
+  size: G.size,
+  /**
+   * @description control the type of buttons in this button-group
+   */
+  type: G.type,
+  /**
+   * @description display direction
+   */
+  direction: {
+    type: Y(String),
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  }
+};
+var ot = /* @__PURE__ */ at({
+  name: "ElButtonGroup",
+  __name: "button-group",
+  props: Wt,
+  setup(t) {
+    const r = t;
+    yt(
+      nt,
+      kt({
+        size: q(r, "size"),
+        type: q(r, "type")
+      })
+    );
+    const e = D("button");
+    return (a, n) => (x(), $(
+      "div",
+      {
+        class: z([v(e).b("group"), v(e).bm("group", r.direction)])
+      },
+      [
+        _(a.$slots, "default")
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const Xt = ht(Ot, {
+  ButtonGroup: ot
+}), Yt = dt(ot);
+export {
+  Xt as ElButton,
+  Yt as ElButtonGroup,
+  Bt as buttonEmits,
+  nt as buttonGroupContextKey,
+  wt as buttonNativeTypes,
+  G as buttonProps,
+  Mt as buttonTypes,
+  Xt as default
+};