@factoringplus/pl-components-pack-v3 0.1.13 → 0.1.16

package/dist/pl-components-pack-v3.es.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, getCurrentInstance, computed, ref, inject, unref, mergeProps, renderSlot, shallowRef, watch, nextTick, onMounted, onUpdated, resolveComponent, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, vShow, useSlots, Text, provide, reactive, toRef, createTextVNode, onUnmounted } from "vue";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, warn, getCurrentInstance, computed, ref, inject, unref, mergeProps, renderSlot, shallowRef, watch, nextTick, onMounted, onUpdated, resolveComponent, withDirectives, normalizeClass, normalizeStyle, createCommentVNode, Fragment, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, vShow, onUnmounted, reactive } from "vue";
 function fromPairs(pairs) {
   var index = -1, length = pairs == null ? 0 : pairs.length, result = {};
   while (++index < length) {
@@ -28,8 +28,6 @@ function fromPairs(pairs) {
 }
 const isClient = typeof window !== "undefined";
 const isNumber = (val) => typeof val === "number";
-const NOOP = () => {
-};
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 const hasOwn = (val, key) => hasOwnProperty.call(val, key);
 const isString = (val) => typeof val === "string";
@@ -42,17 +40,17 @@ var _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$9 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "CircleCheck"
 });
-const _hoisted_1$7 = {
+const _hoisted_1$5 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$5 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
@@ -61,24 +59,24 @@ const _hoisted_3$3 = /* @__PURE__ */ createElementVNode("path", {
   d: "M745.344 361.344a32 32 0 0145.312 45.312l-288 288a32 32 0 01-45.312 0l-160-160a32 32 0 1145.312-45.312L480 626.752l265.344-265.408z"
 }, null, -1);
 const _hoisted_4$1 = [
-  _hoisted_2$5,
+  _hoisted_2$4,
   _hoisted_3$3
 ];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$7, _hoisted_4$1);
+  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_4$1);
 }
-var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["render", _sfc_render$4]]);
-const _sfc_main$8 = defineComponent({
+var circleCheck = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$4]]);
+const _sfc_main$5 = defineComponent({
   name: "CircleClose"
 });
-const _hoisted_1$6 = {
+const _hoisted_1$4 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$4 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M466.752 512l-90.496-90.496a32 32 0 0145.248-45.248L512 466.752l90.496-90.496a32 32 0 1145.248 45.248L557.248 512l90.496 90.496a32 32 0 11-45.248 45.248L512 557.248l-90.496 90.496a32 32 0 01-45.248-45.248L466.752 512z"
 }, null, -1);
@@ -87,55 +85,55 @@ const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("path", {
   d: "M512 896a384 384 0 100-768 384 384 0 000 768zm0 64a448 448 0 110-896 448 448 0 010 896z"
 }, null, -1);
 const _hoisted_4 = [
-  _hoisted_2$4,
+  _hoisted_2$3,
   _hoisted_3$2
 ];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$6, _hoisted_4);
+  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_4);
 }
-var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$3]]);
-const _sfc_main$7 = defineComponent({
+var circleClose = /* @__PURE__ */ _export_sfc$1(_sfc_main$5, [["render", _sfc_render$3]]);
+const _sfc_main$4 = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$5 = {
+const _hoisted_1$3 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$3 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
 }, null, -1);
 const _hoisted_3$1 = [
-  _hoisted_2$3
+  _hoisted_2$2
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$5, _hoisted_3$1);
+  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$1);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["render", _sfc_render$2]]);
-const _sfc_main$6 = defineComponent({
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render$2]]);
+const _sfc_main$3 = defineComponent({
   name: "View"
 });
-const _hoisted_1$4 = {
+const _hoisted_1$2 = {
   class: "icon",
   width: "200",
   height: "200",
   viewBox: "0 0 1024 1024",
   xmlns: "http://www.w3.org/2000/svg"
 };
-const _hoisted_2$2 = /* @__PURE__ */ createElementVNode("path", {
+const _hoisted_2$1 = /* @__PURE__ */ createElementVNode("path", {
   fill: "currentColor",
   d: "M512 160c320 0 512 352 512 352S832 864 512 864 0 512 0 512s192-352 512-352zm0 64c-225.28 0-384.128 208.064-436.8 288 52.608 79.872 211.456 288 436.8 288 225.28 0 384.128-208.064 436.8-288-52.608-79.872-211.456-288-436.8-288zm0 64a224 224 0 110 448 224 224 0 010-448zm0 64a160.192 160.192 0 00-160 160c0 88.192 71.744 160 160 160s160-71.808 160-160-71.744-160-160-160z"
 }, null, -1);
 const _hoisted_3 = [
-  _hoisted_2$2
+  _hoisted_2$1
 ];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3);
+  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3);
 }
-var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["render", _sfc_render$1]]);
+var view = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1]]);
 const wrapperKey = Symbol();
 const propKey = "__elPropsReservedKey";
 function buildProp(option, key) {
@@ -198,10 +196,6 @@ const withInstall = (main, extra) => {
   }
   return main;
 };
-const withNoopInstall = (component) => {
-  component.install = NOOP;
-  return component;
-};
 function addUnit(value, defaultUnit = "px") {
   if (!value)
     return "";
@@ -231,7 +225,6 @@ const useAttrs = (params = {}) => {
 };
 const elFormKey = Symbol("elForm");
 const elFormItemKey = Symbol("elFormItem");
-const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const configProviderContextKey = Symbol();
 const useProp = (name) => {
   const vm = getCurrentInstance();
@@ -327,11 +320,11 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$4 = {
+const __default__$1 = {
   name: "ElIcon",
   inheritAttrs: false
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$4), {
+const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$1), {
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -354,7 +347,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues
     };
   }
 }));
-const ElIcon = withInstall(_sfc_main$5);
+const ElIcon = withInstall(_sfc_main$2);
 let hiddenTextarea = void 0;
 const HIDDEN_STYLE = `
   height:0 !important;
@@ -522,7 +515,7 @@ const PENDANT_MAP = {
   suffix: "append",
   prefix: "prepend"
 };
-const _sfc_main$4 = defineComponent({
+const _sfc_main$1 = defineComponent({
   name: "ElInput",
   components: { ElIcon, CircleClose: circleClose, IconView: view },
   inheritAttrs: false,
@@ -744,8 +737,8 @@ const _sfc_main$4 = defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
-const _hoisted_2$1 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
+const _hoisted_1$1 = ["type", "disabled", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
+const _hoisted_2 = ["tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_circle_close = resolveComponent("circle-close");
@@ -799,7 +792,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[5] || (_cache[5] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[7] || (_cache[7] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_1$3),
+      }), null, 16, _hoisted_1$1),
       createCommentVNode(" prefix slot "),
       _ctx.$slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", {
         key: 1,
@@ -909,7 +902,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: _cache[14] || (_cache[14] = (...args) => _ctx.handleBlur && _ctx.handleBlur(...args)),
         onChange: _cache[15] || (_cache[15] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
         onKeydown: _cache[16] || (_cache[16] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
-      }), null, 16, _hoisted_2$1),
+      }), null, 16, _hoisted_2),
       _ctx.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: normalizeClass(_ctx.nsInput.e("count"))
@@ -919,1122 +912,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.type !== "hidden"]
   ]);
 }
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
 const ElInput = withInstall(Input);
-function bound01(n, max) {
-  if (isOnePointZero(n)) {
-    n = "100%";
-  }
-  var isPercent = isPercentage(n);
-  n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
-  if (isPercent) {
-    n = parseInt(String(n * max), 10) / 100;
-  }
-  if (Math.abs(n - max) < 1e-6) {
-    return 1;
-  }
-  if (max === 360) {
-    n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
-  } else {
-    n = n % max / parseFloat(String(max));
-  }
-  return n;
-}
-function clamp01(val) {
-  return Math.min(1, Math.max(0, val));
-}
-function isOnePointZero(n) {
-  return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
-}
-function isPercentage(n) {
-  return typeof n === "string" && n.indexOf("%") !== -1;
-}
-function boundAlpha(a) {
-  a = parseFloat(a);
-  if (isNaN(a) || a < 0 || a > 1) {
-    a = 1;
-  }
-  return a;
-}
-function convertToPercentage(n) {
-  if (n <= 1) {
-    return Number(n) * 100 + "%";
-  }
-  return n;
-}
-function pad2(c) {
-  return c.length === 1 ? "0" + c : String(c);
-}
-function rgbToRgb(r, g, b) {
-  return {
-    r: bound01(r, 255) * 255,
-    g: bound01(g, 255) * 255,
-    b: bound01(b, 255) * 255
-  };
-}
-function rgbToHsl(r, g, b) {
-  r = bound01(r, 255);
-  g = bound01(g, 255);
-  b = bound01(b, 255);
-  var max = Math.max(r, g, b);
-  var min = Math.min(r, g, b);
-  var h = 0;
-  var s = 0;
-  var l = (max + min) / 2;
-  if (max === min) {
-    s = 0;
-    h = 0;
-  } else {
-    var d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
-    }
-    h /= 6;
-  }
-  return { h, s, l };
-}
-function hue2rgb(p, q, t) {
-  if (t < 0) {
-    t += 1;
-  }
-  if (t > 1) {
-    t -= 1;
-  }
-  if (t < 1 / 6) {
-    return p + (q - p) * (6 * t);
-  }
-  if (t < 1 / 2) {
-    return q;
-  }
-  if (t < 2 / 3) {
-    return p + (q - p) * (2 / 3 - t) * 6;
-  }
-  return p;
-}
-function hslToRgb(h, s, l) {
-  var r;
-  var g;
-  var b;
-  h = bound01(h, 360);
-  s = bound01(s, 100);
-  l = bound01(l, 100);
-  if (s === 0) {
-    g = l;
-    b = l;
-    r = l;
-  } else {
-    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    var p = 2 * l - q;
-    r = hue2rgb(p, q, h + 1 / 3);
-    g = hue2rgb(p, q, h);
-    b = hue2rgb(p, q, h - 1 / 3);
-  }
-  return { r: r * 255, g: g * 255, b: b * 255 };
-}
-function rgbToHsv(r, g, b) {
-  r = bound01(r, 255);
-  g = bound01(g, 255);
-  b = bound01(b, 255);
-  var max = Math.max(r, g, b);
-  var min = Math.min(r, g, b);
-  var h = 0;
-  var v = max;
-  var d = max - min;
-  var s = max === 0 ? 0 : d / max;
-  if (max === min) {
-    h = 0;
-  } else {
-    switch (max) {
-      case r:
-        h = (g - b) / d + (g < b ? 6 : 0);
-        break;
-      case g:
-        h = (b - r) / d + 2;
-        break;
-      case b:
-        h = (r - g) / d + 4;
-        break;
-    }
-    h /= 6;
-  }
-  return { h, s, v };
-}
-function hsvToRgb(h, s, v) {
-  h = bound01(h, 360) * 6;
-  s = bound01(s, 100);
-  v = bound01(v, 100);
-  var i = Math.floor(h);
-  var f = h - i;
-  var p = v * (1 - s);
-  var q = v * (1 - f * s);
-  var t = v * (1 - (1 - f) * s);
-  var mod = i % 6;
-  var r = [v, q, p, p, t, v][mod];
-  var g = [t, v, v, q, p, p][mod];
-  var b = [p, p, t, v, v, q][mod];
-  return { r: r * 255, g: g * 255, b: b * 255 };
-}
-function rgbToHex(r, g, b, allow3Char) {
-  var hex = [
-    pad2(Math.round(r).toString(16)),
-    pad2(Math.round(g).toString(16)),
-    pad2(Math.round(b).toString(16))
-  ];
-  if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) {
-    return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
-  }
-  return hex.join("");
-}
-function rgbaToHex(r, g, b, a, allow4Char) {
-  var hex = [
-    pad2(Math.round(r).toString(16)),
-    pad2(Math.round(g).toString(16)),
-    pad2(Math.round(b).toString(16)),
-    pad2(convertDecimalToHex(a))
-  ];
-  if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) {
-    return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
-  }
-  return hex.join("");
-}
-function convertDecimalToHex(d) {
-  return Math.round(parseFloat(d) * 255).toString(16);
-}
-function convertHexToDecimal(h) {
-  return parseIntFromHex(h) / 255;
-}
-function parseIntFromHex(val) {
-  return parseInt(val, 16);
-}
-function numberInputToObject(color) {
-  return {
-    r: color >> 16,
-    g: (color & 65280) >> 8,
-    b: color & 255
-  };
-}
-var names = {
-  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 inputToRGB(color) {
-  var rgb = { r: 0, g: 0, b: 0 };
-  var a = 1;
-  var s = null;
-  var v = null;
-  var l = null;
-  var ok = false;
-  var format = false;
-  if (typeof color === "string") {
-    color = stringInputToObject(color);
-  }
-  if (typeof color === "object") {
-    if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-      rgb = rgbToRgb(color.r, color.g, color.b);
-      ok = true;
-      format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
-    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-      s = convertToPercentage(color.s);
-      v = convertToPercentage(color.v);
-      rgb = hsvToRgb(color.h, s, v);
-      ok = true;
-      format = "hsv";
-    } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-      s = convertToPercentage(color.s);
-      l = convertToPercentage(color.l);
-      rgb = hslToRgb(color.h, s, l);
-      ok = true;
-      format = "hsl";
-    }
-    if (Object.prototype.hasOwnProperty.call(color, "a")) {
-      a = color.a;
-    }
-  }
-  a = boundAlpha(a);
-  return {
-    ok,
-    format: color.format || format,
-    r: Math.min(255, Math.max(rgb.r, 0)),
-    g: Math.min(255, Math.max(rgb.g, 0)),
-    b: Math.min(255, Math.max(rgb.b, 0)),
-    a
-  };
-}
-var CSS_INTEGER = "[-\\+]?\\d+%?";
-var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var matchers = {
-  CSS_UNIT: new RegExp(CSS_UNIT),
-  rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
-  rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
-  hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
-  hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
-  hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
-  hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
-  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 stringInputToObject(color) {
-  color = color.trim().toLowerCase();
-  if (color.length === 0) {
-    return false;
-  }
-  var named = false;
-  if (names[color]) {
-    color = names[color];
-    named = true;
-  } else if (color === "transparent") {
-    return { r: 0, g: 0, b: 0, a: 0, format: "name" };
-  }
-  var match = matchers.rgb.exec(color);
-  if (match) {
-    return { r: match[1], g: match[2], b: match[3] };
-  }
-  match = matchers.rgba.exec(color);
-  if (match) {
-    return { r: match[1], g: match[2], b: match[3], a: match[4] };
-  }
-  match = matchers.hsl.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], l: match[3] };
-  }
-  match = matchers.hsla.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], l: match[3], a: match[4] };
-  }
-  match = matchers.hsv.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], v: match[3] };
-  }
-  match = matchers.hsva.exec(color);
-  if (match) {
-    return { h: match[1], s: match[2], v: match[3], a: match[4] };
-  }
-  match = matchers.hex8.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1]),
-      g: parseIntFromHex(match[2]),
-      b: parseIntFromHex(match[3]),
-      a: convertHexToDecimal(match[4]),
-      format: named ? "name" : "hex8"
-    };
-  }
-  match = matchers.hex6.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1]),
-      g: parseIntFromHex(match[2]),
-      b: parseIntFromHex(match[3]),
-      format: named ? "name" : "hex"
-    };
-  }
-  match = matchers.hex4.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1] + match[1]),
-      g: parseIntFromHex(match[2] + match[2]),
-      b: parseIntFromHex(match[3] + match[3]),
-      a: convertHexToDecimal(match[4] + match[4]),
-      format: named ? "name" : "hex8"
-    };
-  }
-  match = matchers.hex3.exec(color);
-  if (match) {
-    return {
-      r: parseIntFromHex(match[1] + match[1]),
-      g: parseIntFromHex(match[2] + match[2]),
-      b: parseIntFromHex(match[3] + match[3]),
-      format: named ? "name" : "hex"
-    };
-  }
-  return false;
-}
-function isValidCSSUnit(color) {
-  return Boolean(matchers.CSS_UNIT.exec(String(color)));
-}
-var TinyColor = function() {
-  function TinyColor2(color, opts) {
-    if (color === void 0) {
-      color = "";
-    }
-    if (opts === void 0) {
-      opts = {};
-    }
-    var _a;
-    if (color instanceof TinyColor2) {
-      return color;
-    }
-    if (typeof color === "number") {
-      color = numberInputToObject(color);
-    }
-    this.originalInput = color;
-    var rgb = inputToRGB(color);
-    this.originalInput = color;
-    this.r = rgb.r;
-    this.g = rgb.g;
-    this.b = rgb.b;
-    this.a = rgb.a;
-    this.roundA = Math.round(100 * this.a) / 100;
-    this.format = (_a = opts.format) !== null && _a !== void 0 ? _a : rgb.format;
-    this.gradientType = opts.gradientType;
-    if (this.r < 1) {
-      this.r = Math.round(this.r);
-    }
-    if (this.g < 1) {
-      this.g = Math.round(this.g);
-    }
-    if (this.b < 1) {
-      this.b = Math.round(this.b);
-    }
-    this.isValid = rgb.ok;
-  }
-  TinyColor2.prototype.isDark = function() {
-    return this.getBrightness() < 128;
-  };
-  TinyColor2.prototype.isLight = function() {
-    return !this.isDark();
-  };
-  TinyColor2.prototype.getBrightness = function() {
-    var rgb = this.toRgb();
-    return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
-  };
-  TinyColor2.prototype.getLuminance = function() {
-    var rgb = this.toRgb();
-    var R;
-    var G;
-    var B;
-    var RsRGB = rgb.r / 255;
-    var GsRGB = rgb.g / 255;
-    var BsRGB = rgb.b / 255;
-    if (RsRGB <= 0.03928) {
-      R = RsRGB / 12.92;
-    } else {
-      R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
-    }
-    if (GsRGB <= 0.03928) {
-      G = GsRGB / 12.92;
-    } else {
-      G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
-    }
-    if (BsRGB <= 0.03928) {
-      B = BsRGB / 12.92;
-    } else {
-      B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
-    }
-    return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-  };
-  TinyColor2.prototype.getAlpha = function() {
-    return this.a;
-  };
-  TinyColor2.prototype.setAlpha = function(alpha) {
-    this.a = boundAlpha(alpha);
-    this.roundA = Math.round(100 * this.a) / 100;
-    return this;
-  };
-  TinyColor2.prototype.toHsv = function() {
-    var hsv = rgbToHsv(this.r, this.g, this.b);
-    return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
-  };
-  TinyColor2.prototype.toHsvString = function() {
-    var hsv = rgbToHsv(this.r, this.g, this.b);
-    var h = Math.round(hsv.h * 360);
-    var s = Math.round(hsv.s * 100);
-    var v = Math.round(hsv.v * 100);
-    return this.a === 1 ? "hsv(" + h + ", " + s + "%, " + v + "%)" : "hsva(" + h + ", " + s + "%, " + v + "%, " + this.roundA + ")";
-  };
-  TinyColor2.prototype.toHsl = function() {
-    var hsl = rgbToHsl(this.r, this.g, this.b);
-    return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
-  };
-  TinyColor2.prototype.toHslString = function() {
-    var hsl = rgbToHsl(this.r, this.g, this.b);
-    var h = Math.round(hsl.h * 360);
-    var s = Math.round(hsl.s * 100);
-    var l = Math.round(hsl.l * 100);
-    return this.a === 1 ? "hsl(" + h + ", " + s + "%, " + l + "%)" : "hsla(" + h + ", " + s + "%, " + l + "%, " + this.roundA + ")";
-  };
-  TinyColor2.prototype.toHex = function(allow3Char) {
-    if (allow3Char === void 0) {
-      allow3Char = false;
-    }
-    return rgbToHex(this.r, this.g, this.b, allow3Char);
-  };
-  TinyColor2.prototype.toHexString = function(allow3Char) {
-    if (allow3Char === void 0) {
-      allow3Char = false;
-    }
-    return "#" + this.toHex(allow3Char);
-  };
-  TinyColor2.prototype.toHex8 = function(allow4Char) {
-    if (allow4Char === void 0) {
-      allow4Char = false;
-    }
-    return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
-  };
-  TinyColor2.prototype.toHex8String = function(allow4Char) {
-    if (allow4Char === void 0) {
-      allow4Char = false;
-    }
-    return "#" + this.toHex8(allow4Char);
-  };
-  TinyColor2.prototype.toRgb = function() {
-    return {
-      r: Math.round(this.r),
-      g: Math.round(this.g),
-      b: Math.round(this.b),
-      a: this.a
-    };
-  };
-  TinyColor2.prototype.toRgbString = function() {
-    var r = Math.round(this.r);
-    var g = Math.round(this.g);
-    var b = Math.round(this.b);
-    return this.a === 1 ? "rgb(" + r + ", " + g + ", " + b + ")" : "rgba(" + r + ", " + g + ", " + b + ", " + this.roundA + ")";
-  };
-  TinyColor2.prototype.toPercentageRgb = function() {
-    var fmt = function(x) {
-      return Math.round(bound01(x, 255) * 100) + "%";
-    };
-    return {
-      r: fmt(this.r),
-      g: fmt(this.g),
-      b: fmt(this.b),
-      a: this.a
-    };
-  };
-  TinyColor2.prototype.toPercentageRgbString = function() {
-    var rnd = function(x) {
-      return Math.round(bound01(x, 255) * 100);
-    };
-    return this.a === 1 ? "rgb(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%)" : "rgba(" + rnd(this.r) + "%, " + rnd(this.g) + "%, " + rnd(this.b) + "%, " + this.roundA + ")";
-  };
-  TinyColor2.prototype.toName = function() {
-    if (this.a === 0) {
-      return "transparent";
-    }
-    if (this.a < 1) {
-      return false;
-    }
-    var hex = "#" + rgbToHex(this.r, this.g, this.b, false);
-    for (var _i = 0, _a = Object.entries(names); _i < _a.length; _i++) {
-      var _b = _a[_i], key = _b[0], value = _b[1];
-      if (hex === value) {
-        return key;
-      }
-    }
-    return false;
-  };
-  TinyColor2.prototype.toString = function(format) {
-    var formatSet = Boolean(format);
-    format = format !== null && format !== void 0 ? format : this.format;
-    var formattedString = false;
-    var hasAlpha = this.a < 1 && this.a >= 0;
-    var needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith("hex") || format === "name");
-    if (needsAlphaFormat) {
-      if (format === "name" && this.a === 0) {
-        return this.toName();
-      }
-      return this.toRgbString();
-    }
-    if (format === "rgb") {
-      formattedString = this.toRgbString();
-    }
-    if (format === "prgb") {
-      formattedString = this.toPercentageRgbString();
-    }
-    if (format === "hex" || format === "hex6") {
-      formattedString = this.toHexString();
-    }
-    if (format === "hex3") {
-      formattedString = this.toHexString(true);
-    }
-    if (format === "hex4") {
-      formattedString = this.toHex8String(true);
-    }
-    if (format === "hex8") {
-      formattedString = this.toHex8String();
-    }
-    if (format === "name") {
-      formattedString = this.toName();
-    }
-    if (format === "hsl") {
-      formattedString = this.toHslString();
-    }
-    if (format === "hsv") {
-      formattedString = this.toHsvString();
-    }
-    return formattedString || this.toHexString();
-  };
-  TinyColor2.prototype.toNumber = function() {
-    return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
-  };
-  TinyColor2.prototype.clone = function() {
-    return new TinyColor2(this.toString());
-  };
-  TinyColor2.prototype.lighten = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    var hsl = this.toHsl();
-    hsl.l += amount / 100;
-    hsl.l = clamp01(hsl.l);
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.brighten = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    var rgb = this.toRgb();
-    rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
-    rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
-    rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
-    return new TinyColor2(rgb);
-  };
-  TinyColor2.prototype.darken = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    var hsl = this.toHsl();
-    hsl.l -= amount / 100;
-    hsl.l = clamp01(hsl.l);
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.tint = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    return this.mix("white", amount);
-  };
-  TinyColor2.prototype.shade = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    return this.mix("black", amount);
-  };
-  TinyColor2.prototype.desaturate = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    var hsl = this.toHsl();
-    hsl.s -= amount / 100;
-    hsl.s = clamp01(hsl.s);
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.saturate = function(amount) {
-    if (amount === void 0) {
-      amount = 10;
-    }
-    var hsl = this.toHsl();
-    hsl.s += amount / 100;
-    hsl.s = clamp01(hsl.s);
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.greyscale = function() {
-    return this.desaturate(100);
-  };
-  TinyColor2.prototype.spin = function(amount) {
-    var hsl = this.toHsl();
-    var hue = (hsl.h + amount) % 360;
-    hsl.h = hue < 0 ? 360 + hue : hue;
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.mix = function(color, amount) {
-    if (amount === void 0) {
-      amount = 50;
-    }
-    var rgb1 = this.toRgb();
-    var rgb2 = new TinyColor2(color).toRgb();
-    var p = amount / 100;
-    var rgba = {
-      r: (rgb2.r - rgb1.r) * p + rgb1.r,
-      g: (rgb2.g - rgb1.g) * p + rgb1.g,
-      b: (rgb2.b - rgb1.b) * p + rgb1.b,
-      a: (rgb2.a - rgb1.a) * p + rgb1.a
-    };
-    return new TinyColor2(rgba);
-  };
-  TinyColor2.prototype.analogous = function(results, slices) {
-    if (results === void 0) {
-      results = 6;
-    }
-    if (slices === void 0) {
-      slices = 30;
-    }
-    var hsl = this.toHsl();
-    var part = 360 / slices;
-    var ret = [this];
-    for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results; ) {
-      hsl.h = (hsl.h + part) % 360;
-      ret.push(new TinyColor2(hsl));
-    }
-    return ret;
-  };
-  TinyColor2.prototype.complement = function() {
-    var hsl = this.toHsl();
-    hsl.h = (hsl.h + 180) % 360;
-    return new TinyColor2(hsl);
-  };
-  TinyColor2.prototype.monochromatic = function(results) {
-    if (results === void 0) {
-      results = 6;
-    }
-    var hsv = this.toHsv();
-    var h = hsv.h;
-    var s = hsv.s;
-    var v = hsv.v;
-    var res = [];
-    var modification = 1 / results;
-    while (results--) {
-      res.push(new TinyColor2({ h, s, v }));
-      v = (v + modification) % 1;
-    }
-    return res;
-  };
-  TinyColor2.prototype.splitcomplement = function() {
-    var hsl = this.toHsl();
-    var h = hsl.h;
-    return [
-      this,
-      new TinyColor2({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
-      new TinyColor2({ h: (h + 216) % 360, s: hsl.s, l: hsl.l })
-    ];
-  };
-  TinyColor2.prototype.onBackground = function(background) {
-    var fg = this.toRgb();
-    var bg = new TinyColor2(background).toRgb();
-    return new TinyColor2({
-      r: bg.r + (fg.r - bg.r) * fg.a,
-      g: bg.g + (fg.g - bg.g) * fg.a,
-      b: bg.b + (fg.b - bg.b) * fg.a
-    });
-  };
-  TinyColor2.prototype.triad = function() {
-    return this.polyad(3);
-  };
-  TinyColor2.prototype.tetrad = function() {
-    return this.polyad(4);
-  };
-  TinyColor2.prototype.polyad = function(n) {
-    var hsl = this.toHsl();
-    var h = hsl.h;
-    var result = [this];
-    var increment = 360 / n;
-    for (var i = 1; i < n; i++) {
-      result.push(new TinyColor2({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));
-    }
-    return result;
-  };
-  TinyColor2.prototype.equals = function(color) {
-    return this.toRgbString() === new TinyColor2(color).toRgbString();
-  };
-  return TinyColor2;
-}();
-const buttonTypes = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonNativeTypes = ["button", "submit", "reset"];
-const buttonProps = buildProps({
-  size: useSizeProp,
-  disabled: Boolean,
-  type: {
-    type: String,
-    values: buttonTypes,
-    default: ""
-  },
-  icon: {
-    type: iconPropType,
-    default: ""
-  },
-  nativeType: {
-    type: String,
-    values: buttonNativeTypes,
-    default: "button"
-  },
-  loading: Boolean,
-  loadingIcon: {
-    type: iconPropType,
-    default: () => loading
-  },
-  plain: Boolean,
-  autofocus: Boolean,
-  round: Boolean,
-  circle: Boolean,
-  color: String,
-  autoInsertSpace: {
-    type: Boolean,
-    default: void 0
-  }
-});
-const buttonEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
-const _hoisted_1$2 = ["disabled", "autofocus", "type"];
-const __default__$3 = {
-  name: "ElButton"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$3), {
-  props: buttonProps,
-  emits: buttonEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const slots = useSlots();
-    const buttonGroupContext = inject(buttonGroupContextKey, void 0);
-    const globalConfig2 = useGlobalConfig("button");
-    const ns = useNamespace("button");
-    const { form } = useFormItem();
-    const _size = useSize(computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size));
-    const _disabled = useDisabled();
-    const _ref = ref();
-    const _type = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "");
-    const autoInsertSpace = computed(() => {
-      var _a, _b, _c;
-      return (_c = (_b = props.autoInsertSpace) != null ? _b : (_a = globalConfig2.value) == null ? void 0 : _a.autoInsertSpace) != null ? _c : false;
-    });
-    const shouldAddSpace = computed(() => {
-      var _a;
-      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
-      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
-        const slot = defaultSlot[0];
-        if ((slot == null ? void 0 : slot.type) === Text) {
-          const text = slot.children;
-          return /^\p{Unified_Ideograph}{2}$/u.test(text);
-        }
-      }
-      return false;
-    });
-    const buttonStyle = computed(() => {
-      let styles = {};
-      const buttonColor = props.color;
-      if (buttonColor) {
-        const color = new TinyColor(buttonColor);
-        const shadeBgColor = color.shade(20).toString();
-        if (props.plain) {
-          styles = {
-            "--el-button-bg-color": color.tint(90).toString(),
-            "--el-button-text-color": buttonColor,
-            "--el-button-hover-text-color": "var(--el-color-white)",
-            "--el-button-hover-bg-color": buttonColor,
-            "--el-button-hover-border-color": buttonColor,
-            "--el-button-active-bg-color": shadeBgColor,
-            "--el-button-active-text-color": "var(--el-color-white)",
-            "--el-button-active-border-color": shadeBgColor
-          };
-        } else {
-          const tintBgColor = color.tint(30).toString();
-          styles = {
-            "--el-button-bg-color": buttonColor,
-            "--el-button-border-color": buttonColor,
-            "--el-button-hover-bg-color": tintBgColor,
-            "--el-button-hover-border-color": tintBgColor,
-            "--el-button-active-bg-color": shadeBgColor,
-            "--el-button-active-border-color": shadeBgColor
-          };
-        }
-        if (_disabled.value) {
-          const disabledButtonColor = color.tint(50).toString();
-          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
-          styles["--el-button-disabled-border-color"] = disabledButtonColor;
-        }
-      }
-      return styles;
-    });
-    const handleClick = (evt) => {
-      if (props.nativeType === "reset") {
-        form == null ? void 0 : form.resetFields();
-      }
-      emit("click", evt);
-    };
-    expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        ref_key: "_ref",
-        ref: _ref,
-        class: normalizeClass([
-          unref(ns).b(),
-          unref(ns).m(unref(_type)),
-          unref(ns).m(unref(_size)),
-          unref(ns).is("disabled", unref(_disabled)),
-          unref(ns).is("loading", _ctx.loading),
-          unref(ns).is("plain", _ctx.plain),
-          unref(ns).is("round", _ctx.round),
-          unref(ns).is("circle", _ctx.circle)
-        ]),
-        disabled: unref(_disabled) || _ctx.loading,
-        autofocus: _ctx.autofocus,
-        type: _ctx.nativeType,
-        style: normalizeStyle(unref(buttonStyle)),
-        onClick: handleClick
-      }, [
-        _ctx.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.$slots.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }) : (openBlock(), createBlock(unref(ElIcon), {
-            key: 1,
-            class: normalizeClass(unref(ns).is("loading"))
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"]))
-        ], 2112)) : _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
-          key: 2,
-          class: normalizeClass({ [unref(ns).em("text", "expand")]: unref(shouldAddSpace) })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)) : createCommentVNode("v-if", true)
-      ], 14, _hoisted_1$2);
-    };
-  }
-}));
-const buttonGroupProps = {
-  size: buttonProps.size,
-  type: buttonProps.type
-};
-const __default__$2 = {
-  name: "ElButtonGroup"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, __default__$2), {
-  props: buttonGroupProps,
-  setup(__props) {
-    const props = __props;
-    provide(buttonGroupContextKey, reactive({
-      size: toRef(props, "size"),
-      type: toRef(props, "type")
-    }));
-    const ns = useNamespace("button");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(`${unref(ns).b("group")}`)
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-}));
-const ElButton = withInstall(_sfc_main$3, {
-  ButtonGroup: _sfc_main$2
-});
-withNoopInstall(_sfc_main$2);
 var base = "";
-var button = "";
 var input = "";
-const _hoisted_1$1 = /* @__PURE__ */ createElementVNode("p", null, "Hello NPM!", -1);
-const _hoisted_2 = /* @__PURE__ */ createTextVNode("Increment count");
-const __default__$1 = {
-  name: "TestViteNpmComponent"
-};
-const _sfc_main$1 = /* @__PURE__ */ Object.assign(__default__$1, {
-  setup(__props) {
-    const msg = ref("");
-    const count2 = ref(0);
-    const incrementCount = () => count2.value++;
-    return (_ctx, _cache) => {
-      const _component_el_input = ElInput;
-      const _component_el_button = ElButton;
-      return openBlock(), createElementBlock(Fragment, null, [
-        _hoisted_1$1,
-        createElementVNode("div", null, [
-          createVNode(_component_el_input, {
-            modelValue: msg.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => msg.value = $event),
-            style: { "width": "40%" }
-          }, null, 8, ["modelValue"]),
-          createElementVNode("div", null, "This is input message: " + toDisplayString(msg.value), 1)
-        ]),
-        createElementVNode("div", null, [
-          createVNode(_component_el_button, {
-            type: "primary",
-            onClick: incrementCount
-          }, {
-            default: withCtx(() => [
-              _hoisted_2
-            ]),
-            _: 1
-          }),
-          createElementVNode("div", null, "This is count: " + toDisplayString(count2.value), 1)
-        ])
-      ], 64);
-    };
-  }
-});
 /**
  * Vue Currency Input 2.4.0
  * (c) 2018-2022 Matthias Stiller
@@ -2596,8 +1477,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     };
   }
 });
-const components = {
-  TestViteNpmComponent: _sfc_main$1,
-  PlCurrency: _sfc_main
+const PlCurrencynPlugin = {
+  install(app) {
+    app.component(_sfc_main);
+  }
+};
+const MyKitPlugin = {
+  install(app) {
+    var _a;
+    (_a = PlCurrencynPlugin.install) == null ? void 0 : _a.call(PlCurrencynPlugin, app);
+  }
 };
-export { components as default };
+export { _sfc_main as PlCurrency, PlCurrencynPlugin, MyKitPlugin as default };