@dazhicheng/ui 1.4.17 → 1.4.18

package/dist/index-DARbDgFW.js

@@ -1,909 +0,0 @@
-import { l as ft, d as D } from "./index-HEvFEYVF.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-Co2xJKSS.js";
-import { i as W } from "./icon-C8mOBgGn.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-iDdpdLyC.js";
-import { u as xt } from "./index-qhJRQdTJ.js";
-import { u as St } from "./use-form-item-BHXTK2Pf.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
-};