3h1-ui 1.0.13 → 1.0.15

package/es/index.js

@@ -1,226 +1,1366 @@
-import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-const Pagination = {
-  items_per_page: "\u6761/\u9875",
-  jump_to: "\u8DF3\u81F3",
-  jump_to_confirm: "\u786E\u5B9A",
-  page: "\u9875",
-  prev_page: "\u4E0A\u4E00\u9875",
-  next_page: "\u4E0B\u4E00\u9875",
-  prev_5: "\u5411\u524D 5 \u9875",
-  next_5: "\u5411\u540E 5 \u9875",
-  prev_3: "\u5411\u524D 3 \u9875",
-  next_3: "\u5411\u540E 3 \u9875"
+import { h, nextTick, createVNode, defineComponent, ref, watchEffect, resolveComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withCtx, normalizeStyle, toDisplayString, createBlock, unref, createCommentVNode, withModifiers, createTextVNode, pushScopeId, popScopeId, createSlots, renderSlot, normalizeProps, guardReactiveProps, watch } from "vue";
+import "xe-utils";
+import { VxeTable, VxeColumn } from "vxe-table";
+import zhCN from "ant-design-vue/es/locale/zh_CN";
+import { ConfigProvider, Pagination } from "ant-design-vue";
+import "ant-design-vue/dist/antd.css";
+const style = "";
+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 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 "".concat(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 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(h2, s, l) {
+  var r;
+  var g;
+  var b;
+  h2 = bound01(h2, 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, h2 + 1 / 3);
+    g = hue2rgb(p, q, h2);
+    b = hue2rgb(p, q, h2 - 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 h2 = 0;
+  var v = max;
+  var d = max - min;
+  var s = max === 0 ? 0 : d / max;
+  if (max === min) {
+    h2 = 0;
+  } else {
+    switch (max) {
+      case r:
+        h2 = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      case g:
+        h2 = (b - r) / d + 2;
+        break;
+      case b:
+        h2 = (r - g) / d + 4;
+        break;
+    }
+    h2 /= 6;
+  }
+  return { h: h2, s, v };
+}
+function hsvToRgb(h2, s, v) {
+  h2 = bound01(h2, 360) * 6;
+  s = bound01(s, 100);
+  v = bound01(v, 100);
+  var i = Math.floor(h2);
+  var f = h2 - 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 convertHexToDecimal(h2) {
+  return parseIntFromHex(h2) / 255;
+}
+function parseIntFromHex(val) {
+  return parseInt(val, 16);
+}
+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 _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
+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 = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(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 hueStep = 2;
+var saturationStep = 0.16;
+var saturationStep2 = 0.05;
+var brightnessStep1 = 0.05;
+var brightnessStep2 = 0.15;
+var lightColorCount = 5;
+var darkColorCount = 4;
+var darkColorMap = [{
+  index: 7,
+  opacity: 0.15
+}, {
+  index: 6,
+  opacity: 0.25
+}, {
+  index: 5,
+  opacity: 0.3
+}, {
+  index: 5,
+  opacity: 0.45
+}, {
+  index: 5,
+  opacity: 0.65
+}, {
+  index: 5,
+  opacity: 0.85
+}, {
+  index: 4,
+  opacity: 0.9
+}, {
+  index: 3,
+  opacity: 0.95
+}, {
+  index: 2,
+  opacity: 0.97
+}, {
+  index: 1,
+  opacity: 0.98
+}];
+function toHsv(_ref) {
+  var r = _ref.r, g = _ref.g, b = _ref.b;
+  var hsv = rgbToHsv(r, g, b);
+  return {
+    h: hsv.h * 360,
+    s: hsv.s,
+    v: hsv.v
+  };
+}
+function toHex(_ref2) {
+  var r = _ref2.r, g = _ref2.g, b = _ref2.b;
+  return "#".concat(rgbToHex(r, g, b, false));
+}
+function mix(rgb1, rgb2, amount) {
+  var p = amount / 100;
+  var rgb = {
+    r: (rgb2.r - rgb1.r) * p + rgb1.r,
+    g: (rgb2.g - rgb1.g) * p + rgb1.g,
+    b: (rgb2.b - rgb1.b) * p + rgb1.b
+  };
+  return rgb;
+}
+function getHue(hsv, i, light) {
+  var hue;
+  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
+    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
+  } else {
+    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
+  }
+  if (hue < 0) {
+    hue += 360;
+  } else if (hue >= 360) {
+    hue -= 360;
+  }
+  return hue;
+}
+function getSaturation(hsv, i, light) {
+  if (hsv.h === 0 && hsv.s === 0) {
+    return hsv.s;
+  }
+  var saturation;
+  if (light) {
+    saturation = hsv.s - saturationStep * i;
+  } else if (i === darkColorCount) {
+    saturation = hsv.s + saturationStep;
+  } else {
+    saturation = hsv.s + saturationStep2 * i;
+  }
+  if (saturation > 1) {
+    saturation = 1;
+  }
+  if (light && i === lightColorCount && saturation > 0.1) {
+    saturation = 0.1;
+  }
+  if (saturation < 0.06) {
+    saturation = 0.06;
+  }
+  return Number(saturation.toFixed(2));
+}
+function getValue(hsv, i, light) {
+  var value;
+  if (light) {
+    value = hsv.v + brightnessStep1 * i;
+  } else {
+    value = hsv.v - brightnessStep2 * i;
+  }
+  if (value > 1) {
+    value = 1;
+  }
+  return Number(value.toFixed(2));
+}
+function generate$1(color) {
+  var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  var patterns = [];
+  var pColor = inputToRGB(color);
+  for (var i = lightColorCount; i > 0; i -= 1) {
+    var hsv = toHsv(pColor);
+    var colorString = toHex(inputToRGB({
+      h: getHue(hsv, i, true),
+      s: getSaturation(hsv, i, true),
+      v: getValue(hsv, i, true)
+    }));
+    patterns.push(colorString);
+  }
+  patterns.push(toHex(pColor));
+  for (var _i = 1; _i <= darkColorCount; _i += 1) {
+    var _hsv = toHsv(pColor);
+    var _colorString = toHex(inputToRGB({
+      h: getHue(_hsv, _i),
+      s: getSaturation(_hsv, _i),
+      v: getValue(_hsv, _i)
+    }));
+    patterns.push(_colorString);
+  }
+  if (opts.theme === "dark") {
+    return darkColorMap.map(function(_ref3) {
+      var index2 = _ref3.index, opacity = _ref3.opacity;
+      var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index2]), opacity * 100));
+      return darkColorString;
     });
+  }
+  return patterns;
+}
+var presetPrimaryColors = {
+  red: "#F5222D",
+  volcano: "#FA541C",
+  orange: "#FA8C16",
+  gold: "#FAAD14",
+  yellow: "#FADB14",
+  lime: "#A0D911",
+  green: "#52C41A",
+  cyan: "#13C2C2",
+  blue: "#1890FF",
+  geekblue: "#2F54EB",
+  purple: "#722ED1",
+  magenta: "#EB2F96",
+  grey: "#666666"
+};
+var presetPalettes = {};
+var presetDarkPalettes = {};
+Object.keys(presetPrimaryColors).forEach(function(key) {
+  presetPalettes[key] = generate$1(presetPrimaryColors[key]);
+  presetPalettes[key].primary = presetPalettes[key][5];
+  presetDarkPalettes[key] = generate$1(presetPrimaryColors[key], {
+    theme: "dark",
+    backgroundColor: "#141414"
+  });
+  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
+});
+var containers = [];
+var styleElements = [];
+var usage = "insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).";
+function createStyleElement() {
+  var styleElement = document.createElement("style");
+  styleElement.setAttribute("type", "text/css");
+  return styleElement;
+}
+function insertCss(css, options) {
+  options = options || {};
+  if (css === void 0) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? "prepend" : "append";
+  var container = options.container !== void 0 ? options.container : document.querySelector("head");
+  var containerId = containers.indexOf(container);
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  var styleElement;
+  if (styleElements[containerId] !== void 0 && styleElements[containerId][position] !== void 0) {
+    styleElement = styleElements[containerId][position];
+  } else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === "prepend") {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    } else {
+      container.appendChild(styleElement);
+    }
+  }
+  if (css.charCodeAt(0) === 65279) {
+    css = css.substr(1, css.length);
+  }
+  if (styleElement.styleSheet) {
+    styleElement.styleSheet.cssText += css;
+  } else {
+    styleElement.textContent += css;
+  }
+  return styleElement;
+}
+function _objectSpread$4(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$4(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$4(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
   } else {
     obj[key] = value;
   }
   return obj;
 }
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
+function warn(valid, message) {
+  if (process.env.NODE_ENV !== "production" && !valid && console !== void 0) {
+    console.error("Warning: ".concat(message));
+  }
+}
+function warning(valid, message) {
+  warn(valid, "[@ant-design/icons-vue] ".concat(message));
+}
+function isIconDefinition(target) {
+  return typeof target === "object" && typeof target.name === "string" && typeof target.theme === "string" && (typeof target.icon === "object" || typeof target.icon === "function");
+}
+function generate(node, key, rootProps) {
+  if (!rootProps) {
+    return h(node.tag, _objectSpread$4({
+      key
+    }, node.attrs), (node.children || []).map(function(child, index2) {
+      return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index2));
+    }));
+  }
+  return h(node.tag, _objectSpread$4({
+    key
+  }, rootProps, node.attrs), (node.children || []).map(function(child, index2) {
+    return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index2));
+  }));
+}
+function getSecondaryColor(primaryColor) {
+  return generate$1(primaryColor)[0];
+}
+function normalizeTwoToneColors(twoToneColor) {
+  if (!twoToneColor) {
+    return [];
+  }
+  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
+}
+var iconStyles = "\n.anticon {\n  display: inline-block;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+var cssInjectedFlag = false;
+var useInsertStyles = function useInsertStyles2() {
+  var styleStr = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : iconStyles;
+  nextTick(function() {
+    if (!cssInjectedFlag) {
+      if (typeof window !== "undefined" && window.document && window.document.documentElement) {
+        insertCss(styleStr, {
+          prepend: true
+        });
+      }
+      cssInjectedFlag = true;
+    }
+  });
+};
+var _excluded$1 = ["icon", "primaryColor", "secondaryColor"];
+function _objectWithoutProperties$1(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
+  var key, i;
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
   }
-  return keys;
+  return target;
 }
-function _objectSpread2(target) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectSpread$3(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
-      _defineProperty(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$3(target, key, source[key]);
     });
   }
   return target;
 }
-var locale$2 = {
-  locale: "zh_CN",
-  today: "\u4ECA\u5929",
-  now: "\u6B64\u523B",
-  backToToday: "\u8FD4\u56DE\u4ECA\u5929",
-  ok: "\u786E\u5B9A",
-  timeSelect: "\u9009\u62E9\u65F6\u95F4",
-  dateSelect: "\u9009\u62E9\u65E5\u671F",
-  weekSelect: "\u9009\u62E9\u5468",
-  clear: "\u6E05\u9664",
-  month: "\u6708",
-  year: "\u5E74",
-  previousMonth: "\u4E0A\u4E2A\u6708 (\u7FFB\u9875\u4E0A\u952E)",
-  nextMonth: "\u4E0B\u4E2A\u6708 (\u7FFB\u9875\u4E0B\u952E)",
-  monthSelect: "\u9009\u62E9\u6708\u4EFD",
-  yearSelect: "\u9009\u62E9\u5E74\u4EFD",
-  decadeSelect: "\u9009\u62E9\u5E74\u4EE3",
-  yearFormat: "YYYY\u5E74",
-  dayFormat: "D\u65E5",
-  dateFormat: "YYYY\u5E74M\u6708D\u65E5",
-  dateTimeFormat: "YYYY\u5E74M\u6708D\u65E5 HH\u65F6mm\u5206ss\u79D2",
-  previousYear: "\u4E0A\u4E00\u5E74 (Control\u952E\u52A0\u5DE6\u65B9\u5411\u952E)",
-  nextYear: "\u4E0B\u4E00\u5E74 (Control\u952E\u52A0\u53F3\u65B9\u5411\u952E)",
-  previousDecade: "\u4E0A\u4E00\u5E74\u4EE3",
-  nextDecade: "\u4E0B\u4E00\u5E74\u4EE3",
-  previousCentury: "\u4E0A\u4E00\u4E16\u7EAA",
-  nextCentury: "\u4E0B\u4E00\u4E16\u7EAA"
+function _defineProperty$3(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var twoToneColorPalette = {
+  primaryColor: "#333",
+  secondaryColor: "#E6E6E6",
+  calculated: false
 };
-const CalendarLocale = locale$2;
-var locale$1 = {
-  placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4",
-  rangePlaceholder: ["\u5F00\u59CB\u65F6\u95F4", "\u7ED3\u675F\u65F6\u95F4"]
+function setTwoToneColors(_ref) {
+  var primaryColor = _ref.primaryColor, secondaryColor = _ref.secondaryColor;
+  twoToneColorPalette.primaryColor = primaryColor;
+  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
+  twoToneColorPalette.calculated = !!secondaryColor;
+}
+function getTwoToneColors() {
+  return _objectSpread$3({}, twoToneColorPalette);
+}
+var IconBase = function IconBase2(props, context) {
+  var _props$context$attrs = _objectSpread$3({}, props, context.attrs), icon = _props$context$attrs.icon, primaryColor = _props$context$attrs.primaryColor, secondaryColor = _props$context$attrs.secondaryColor, restProps = _objectWithoutProperties$1(_props$context$attrs, _excluded$1);
+  var colors = twoToneColorPalette;
+  if (primaryColor) {
+    colors = {
+      primaryColor,
+      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
+    };
+  }
+  useInsertStyles();
+  warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
+  if (!isIconDefinition(icon)) {
+    return null;
+  }
+  var target = icon;
+  if (target && typeof target.icon === "function") {
+    target = _objectSpread$3({}, target, {
+      icon: target.icon(colors.primaryColor, colors.secondaryColor)
+    });
+  }
+  return generate(target.icon, "svg-".concat(target.name), _objectSpread$3({}, restProps, {
+    "data-icon": target.name,
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }));
 };
-const TimePicker = locale$1;
-var locale = {
-  lang: _objectSpread2({
-    placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
-    yearPlaceholder: "\u8BF7\u9009\u62E9\u5E74\u4EFD",
-    quarterPlaceholder: "\u8BF7\u9009\u62E9\u5B63\u5EA6",
-    monthPlaceholder: "\u8BF7\u9009\u62E9\u6708\u4EFD",
-    weekPlaceholder: "\u8BF7\u9009\u62E9\u5468",
-    rangePlaceholder: ["\u5F00\u59CB\u65E5\u671F", "\u7ED3\u675F\u65E5\u671F"],
-    rangeYearPlaceholder: ["\u5F00\u59CB\u5E74\u4EFD", "\u7ED3\u675F\u5E74\u4EFD"],
-    rangeMonthPlaceholder: ["\u5F00\u59CB\u6708\u4EFD", "\u7ED3\u675F\u6708\u4EFD"],
-    rangeQuarterPlaceholder: ["\u5F00\u59CB\u5B63\u5EA6", "\u7ED3\u675F\u5B63\u5EA6"],
-    rangeWeekPlaceholder: ["\u5F00\u59CB\u5468", "\u7ED3\u675F\u5468"]
-  }, CalendarLocale),
-  timePickerLocale: _objectSpread2({}, TimePicker)
+IconBase.props = {
+  icon: Object,
+  primaryColor: String,
+  secondaryColor: String,
+  focusable: String
 };
-locale.lang.ok = "\u786E\u5B9A";
-const DatePicker = locale;
-var typeTemplate = "${label}\u4E0D\u662F\u4E00\u4E2A\u6709\u6548\u7684${type}";
-var localeValues = {
-  locale: "zh-cn",
-  Pagination,
-  DatePicker,
-  TimePicker,
-  Calendar: DatePicker,
-  global: {
-    placeholder: "\u8BF7\u9009\u62E9"
-  },
-  Table: {
-    filterTitle: "\u7B5B\u9009",
-    filterConfirm: "\u786E\u5B9A",
-    filterReset: "\u91CD\u7F6E",
-    filterEmptyText: "\u65E0\u7B5B\u9009\u9879",
-    filterCheckall: "\u5168\u9009",
-    filterSearchPlaceholder: "\u5728\u7B5B\u9009\u9879\u4E2D\u641C\u7D22",
-    selectAll: "\u5168\u9009\u5F53\u9875",
-    selectInvert: "\u53CD\u9009\u5F53\u9875",
-    selectNone: "\u6E05\u7A7A\u6240\u6709",
-    selectionAll: "\u5168\u9009\u6240\u6709",
-    sortTitle: "\u6392\u5E8F",
-    expand: "\u5C55\u5F00\u884C",
-    collapse: "\u5173\u95ED\u884C",
-    triggerDesc: "\u70B9\u51FB\u964D\u5E8F",
-    triggerAsc: "\u70B9\u51FB\u5347\u5E8F",
-    cancelSort: "\u53D6\u6D88\u6392\u5E8F"
-  },
-  Modal: {
-    okText: "\u786E\u5B9A",
-    cancelText: "\u53D6\u6D88",
-    justOkText: "\u77E5\u9053\u4E86"
-  },
-  Popconfirm: {
-    cancelText: "\u53D6\u6D88",
-    okText: "\u786E\u5B9A"
-  },
-  Transfer: {
-    searchPlaceholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
-    itemUnit: "\u9879",
-    itemsUnit: "\u9879",
-    remove: "\u5220\u9664",
-    selectCurrent: "\u5168\u9009\u5F53\u9875",
-    removeCurrent: "\u5220\u9664\u5F53\u9875",
-    selectAll: "\u5168\u9009\u6240\u6709",
-    removeAll: "\u5220\u9664\u5168\u90E8",
-    selectInvert: "\u53CD\u9009\u5F53\u9875"
-  },
-  Upload: {
-    uploading: "\u6587\u4EF6\u4E0A\u4F20\u4E2D",
-    removeFile: "\u5220\u9664\u6587\u4EF6",
-    uploadError: "\u4E0A\u4F20\u9519\u8BEF",
-    previewFile: "\u9884\u89C8\u6587\u4EF6",
-    downloadFile: "\u4E0B\u8F7D\u6587\u4EF6"
-  },
-  Empty: {
-    description: "\u6682\u65E0\u6570\u636E"
-  },
-  Icon: {
-    icon: "\u56FE\u6807"
-  },
-  Text: {
-    edit: "\u7F16\u8F91",
-    copy: "\u590D\u5236",
-    copied: "\u590D\u5236\u6210\u529F",
-    expand: "\u5C55\u5F00"
+IconBase.inheritAttrs = false;
+IconBase.displayName = "IconBase";
+IconBase.getTwoToneColors = getTwoToneColors;
+IconBase.setTwoToneColors = setTwoToneColors;
+const VueIcon = IconBase;
+function _slicedToArray$1(arr, i) {
+  return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest$1();
+}
+function _nonIterableRest$1() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray$1(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray$1(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray$1(o, minLen);
+}
+function _arrayLikeToArray$1(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+function _iterableToArrayLimit$1(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
+    }
+  }
+  return _arr;
+}
+function _arrayWithHoles$1(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function setTwoToneColor(twoToneColor) {
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray$1(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
+  return VueIcon.setTwoToneColors({
+    primaryColor,
+    secondaryColor
+  });
+}
+function getTwoToneColor() {
+  var colors = VueIcon.getTwoToneColors();
+  if (!colors.calculated) {
+    return colors.primaryColor;
+  }
+  return [colors.primaryColor, colors.secondaryColor];
+}
+var _excluded = ["class", "icon", "spin", "rotate", "tabindex", "twoToneColor", "onClick"];
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o)
+    return;
+  if (typeof o === "string")
+    return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor)
+    n = o.constructor.name;
+  if (n === "Map" || n === "Set")
+    return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+    return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length)
+    len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+  return arr2;
+}
+function _iterableToArrayLimit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i == null)
+    return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _s, _e;
+  try {
+    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+      if (i && _arr.length === i)
+        break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null)
+        _i["return"]();
+    } finally {
+      if (_d)
+        throw _e;
+    }
+  }
+  return _arr;
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _objectSpread$2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$2(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$2(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+setTwoToneColor("#1890ff");
+var Icon = function Icon2(props, context) {
+  var _classObj;
+  var _props$context$attrs = _objectSpread$2({}, props, context.attrs), cls = _props$context$attrs["class"], icon = _props$context$attrs.icon, spin = _props$context$attrs.spin, rotate = _props$context$attrs.rotate, tabindex = _props$context$attrs.tabindex, twoToneColor = _props$context$attrs.twoToneColor, onClick = _props$context$attrs.onClick, restProps = _objectWithoutProperties(_props$context$attrs, _excluded);
+  var classObj = (_classObj = {
+    anticon: true
+  }, _defineProperty$2(_classObj, "anticon-".concat(icon.name), Boolean(icon.name)), _defineProperty$2(_classObj, cls, cls), _classObj);
+  var svgClassString = spin === "" || !!spin || icon.name === "loading" ? "anticon-spin" : "";
+  var iconTabIndex = tabindex;
+  if (iconTabIndex === void 0 && onClick) {
+    iconTabIndex = -1;
+    restProps.tabindex = iconTabIndex;
+  }
+  var svgStyle = rotate ? {
+    msTransform: "rotate(".concat(rotate, "deg)"),
+    transform: "rotate(".concat(rotate, "deg)")
+  } : void 0;
+  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor), _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2), primaryColor = _normalizeTwoToneColo2[0], secondaryColor = _normalizeTwoToneColo2[1];
+  return createVNode("span", _objectSpread$2({
+    "role": "img",
+    "aria-label": icon.name
+  }, restProps, {
+    "onClick": onClick,
+    "class": classObj
+  }), [createVNode(VueIcon, {
+    "class": svgClassString,
+    "icon": icon,
+    "primaryColor": primaryColor,
+    "secondaryColor": secondaryColor,
+    "style": svgStyle
+  }, null)]);
+};
+Icon.props = {
+  spin: Boolean,
+  rotate: Number,
+  icon: Object,
+  twoToneColor: String
+};
+Icon.displayName = "AntdIcon";
+Icon.inheritAttrs = false;
+Icon.getTwoToneColor = getTwoToneColor;
+Icon.setTwoToneColor = setTwoToneColor;
+const AntdIcon = Icon;
+var DownOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
+const DownOutlinedSvg = DownOutlined$2;
+function _objectSpread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty$1(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var DownOutlined = function DownOutlined2(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+  return createVNode(AntdIcon, _objectSpread$1({}, p, {
+    "icon": DownOutlinedSvg
+  }), null);
+};
+DownOutlined.displayName = "DownOutlined";
+DownOutlined.inheritAttrs = false;
+const DownOutlined$1 = DownOutlined;
+var MinusOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M872 474H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h720c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z" } }] }, "name": "minus", "theme": "outlined" };
+const MinusOutlinedSvg = MinusOutlined$2;
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? Object(arguments[i]) : {};
+    var ownKeys = Object.keys(source);
+    if (typeof Object.getOwnPropertySymbols === "function") {
+      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+      }));
+    }
+    ownKeys.forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var MinusOutlined = function MinusOutlined2(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+  return createVNode(AntdIcon, _objectSpread({}, p, {
+    "icon": MinusOutlinedSvg
+  }), null);
+};
+MinusOutlined.displayName = "MinusOutlined";
+MinusOutlined.inheritAttrs = false;
+const MinusOutlined$1 = MinusOutlined;
+const _withScopeId = (n) => (pushScopeId("data-v-68169e62"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "button-group" };
+const _hoisted_2 = { class: "flex-button" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("a", { href: "javascript:;" }, "1st menu item", -1));
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("a", { href: "javascript:;" }, "2nd menu item", -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("a", { href: "javascript:;" }, "3rd menu item", -1));
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ButtonGroup",
+  props: {
+    data: null
   },
-  PageHeader: {
-    back: "\u8FD4\u56DE"
+  emits: ["click-event"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const baseButtonList = ref();
+    const hideButtonList = ref();
+    watchEffect(() => {
+      baseButtonList.value = props.data.length > 2 ? props.data.slice(0, 3) : props.data;
+      hideButtonList.value = props.data.slice(4);
+    });
+    const setStyle = (dataIndex) => {
+      if (dataIndex === "del") {
+        return {
+          color: "red"
+        };
+      }
+    };
+    const clickEvent = (dataIndex) => {
+      emit("click-event", dataIndex);
+    };
+    return (_ctx, _cache) => {
+      const _component_a_popconfirm = resolveComponent("a-popconfirm");
+      const _component_a_menu_item = resolveComponent("a-menu-item");
+      const _component_a_menu = resolveComponent("a-menu");
+      const _component_a_dropdown = resolveComponent("a-dropdown");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(baseButtonList.value, (button, index2) => {
+            return openBlock(), createElementBlock(Fragment, { key: index2 }, [
+              createVNode(_component_a_popconfirm, {
+                title: "\u786E\u8BA4\u5220\u9664",
+                "ok-text": "\u786E\u8BA4",
+                "cancel-text": "\u53D6\u6D88"
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: "button-item",
+                    onClick: ($event) => clickEvent(button.dataIndex)
+                  }, [
+                    createElementVNode("span", {
+                      style: normalizeStyle(setStyle(button.dataIndex))
+                    }, toDisplayString(button.title), 5)
+                  ], 8, _hoisted_3)
+                ]),
+                _: 2
+              }, 1024),
+              index2 < 2 ? (openBlock(), createBlock(unref(MinusOutlined$1), {
+                key: 0,
+                class: "split-line"
+              })) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          props.data.length > 3 ? (openBlock(), createBlock(_component_a_dropdown, { key: 0 }, {
+            overlay: withCtx(() => [
+              createVNode(_component_a_menu, null, {
+                default: withCtx(() => [
+                  createVNode(_component_a_menu_item, null, {
+                    default: withCtx(() => [
+                      _hoisted_4
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_a_menu_item, null, {
+                    default: withCtx(() => [
+                      _hoisted_5
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(_component_a_menu_item, null, {
+                    default: withCtx(() => [
+                      _hoisted_6
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createElementVNode("a", {
+                class: "ant-dropdown-link",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["prevent"]))
+              }, [
+                createTextVNode(" \u66F4\u591A "),
+                createVNode(unref(DownOutlined$1))
+              ])
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const ButtonGroup_vue_vue_type_style_index_0_scoped_68169e62_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-68169e62"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "IndexView",
+  props: {
+    isCheckbox: { type: Boolean, default: true },
+    column: null,
+    data: { default: () => [] },
+    rowHeight: { default: 40 },
+    height: { default: void 0 },
+    menuWidth: { default: 160 },
+    isMenu: { type: Boolean, default: false }
   },
-  Form: {
-    optional: "\uFF08\u53EF\u9009\uFF09",
-    defaultValidateMessages: {
-      default: "\u5B57\u6BB5\u9A8C\u8BC1\u9519\u8BEF${label}",
-      required: "\u8BF7\u8F93\u5165${label}",
-      enum: "${label}\u5FC5\u987B\u662F\u5176\u4E2D\u4E00\u4E2A[${enum}]",
-      whitespace: "${label}\u4E0D\u80FD\u4E3A\u7A7A\u5B57\u7B26",
-      date: {
-        format: "${label}\u65E5\u671F\u683C\u5F0F\u65E0\u6548",
-        parse: "${label}\u4E0D\u80FD\u8F6C\u6362\u4E3A\u65E5\u671F",
-        invalid: "${label}\u662F\u4E00\u4E2A\u65E0\u6548\u65E5\u671F"
-      },
-      types: {
-        string: typeTemplate,
-        method: typeTemplate,
-        array: typeTemplate,
-        object: typeTemplate,
-        number: typeTemplate,
-        date: typeTemplate,
-        boolean: typeTemplate,
-        integer: typeTemplate,
-        float: typeTemplate,
-        regexp: typeTemplate,
-        email: typeTemplate,
-        url: typeTemplate,
-        hex: typeTemplate
-      },
-      string: {
-        len: "${label}\u987B\u4E3A${len}\u4E2A\u5B57\u7B26",
-        min: "${label}\u6700\u5C11${min}\u4E2A\u5B57\u7B26",
-        max: "${label}\u6700\u591A${max}\u4E2A\u5B57\u7B26",
-        range: "${label}\u987B\u5728${min}-${max}\u5B57\u7B26\u4E4B\u95F4"
-      },
-      number: {
-        len: "${label}\u5FC5\u987B\u7B49\u4E8E${len}",
-        min: "${label}\u6700\u5C0F\u503C\u4E3A${min}",
-        max: "${label}\u6700\u5927\u503C\u4E3A${max}",
-        range: "${label}\u987B\u5728${min}-${max}\u4E4B\u95F4"
+  emits: [
+    "page-change",
+    "search-change",
+    "checkbox-change",
+    "add",
+    "edit",
+    "remove",
+    "view"
+  ],
+  setup(__props, { emit: emits }) {
+    const props = __props;
+    const buttonList = [
+      {
+        title: "\u67E5\u770B",
+        dataIndex: "view"
       },
-      array: {
-        len: "\u987B\u4E3A${len}\u4E2A${label}",
-        min: "\u6700\u5C11${min}\u4E2A${label}",
-        max: "\u6700\u591A${max}\u4E2A${label}",
-        range: "${label}\u6570\u91CF\u987B\u5728${min}-${max}\u4E4B\u95F4"
+      {
+        title: "\u4FEE\u6539",
+        dataIndex: "edit"
       },
-      pattern: {
-        mismatch: "${label}\u4E0E\u6A21\u5F0F\u4E0D\u5339\u914D${pattern}"
+      {
+        title: "\u5220\u9664",
+        dataIndex: "del"
       }
-    }
-  },
-  Image: {
-    preview: "\u9884\u89C8"
+    ];
+    const buttonClickEvent = (key, row) => {
+      console.log("key", key);
+      console.log("row", row);
+      emits("add-event", 1);
+    };
+    const tableRef = ref();
+    const checkboxChangeEvent = () => {
+      const table = tableRef.value;
+      const list = table.getCheckboxRecords();
+      console.log("list", list);
+      emits("checkbox-change", list);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(VxeTable), {
+        class: "shy-table",
+        ref_key: "tableRef",
+        ref: tableRef,
+        align: "center",
+        height: props.height || void 0,
+        data: __props.data,
+        border: "",
+        "show-overflow": "tooltip",
+        "column-config": { resizable: true },
+        "row-config": { height: props.rowHeight },
+        onCheckboxAll: checkboxChangeEvent,
+        onCheckboxChange: checkboxChangeEvent,
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          __props.isCheckbox ? (openBlock(), createBlock(unref(VxeColumn), {
+            key: 0,
+            type: "checkbox",
+            width: "60"
+          })) : createCommentVNode("", true),
+          createVNode(unref(VxeColumn), {
+            type: "seq",
+            width: "60",
+            title: "\u5E8F\u53F7",
+            align: "center"
+          }),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(props.column, (column, index2) => {
+            return openBlock(), createBlock(unref(VxeColumn), {
+              key: index2,
+              field: column.dataIndex,
+              title: column.title,
+              width: (column == null ? void 0 : column.width) || void 0,
+              align: "center"
+            }, createSlots({ _: 2 }, [
+              (column == null ? void 0 : column.slot) === true ? {
+                name: "default",
+                fn: withCtx(({ row }) => [
+                  renderSlot(_ctx.$slots, column.dataIndex, normalizeProps(guardReactiveProps({ row })), () => [
+                    createTextVNode("\u63D2\u69FD\u5DF2\u5F00\u542F")
+                  ], true)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["field", "title", "width"]);
+          }), 128)),
+          props.isMenu ? (openBlock(), createBlock(unref(VxeColumn), {
+            key: 1,
+            align: "center",
+            title: "\u64CD\u4F5C",
+            width: props.menuWidth
+          }, {
+            default: withCtx(({ row }) => [
+              createVNode(ButtonGroup, {
+                data: buttonList,
+                onClickEvent: ($event) => buttonClickEvent($event, row)
+              }, null, 8, ["onClickEvent"])
+            ]),
+            _: 1
+          }, 8, ["width"])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["height", "data", "row-config"]);
+    };
   }
-};
-const zhCN = localeValues;
+});
+const IndexView_vue_vue_type_style_index_0_scoped_9dac58ff_lang = "";
+const ShyTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9dac58ff"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IndexView",
   props: {
@@ -255,11 +1395,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      const _component_a_pagination = resolveComponent("a-pagination");
-      const _component_ConfigProvider = resolveComponent("ConfigProvider");
-      return openBlock(), createBlock(_component_ConfigProvider, { locale: unref(zhCN) }, {
+      return openBlock(), createBlock(unref(ConfigProvider), { locale: unref(zhCN) }, {
         default: withCtx(() => [
-          createVNode(_component_a_pagination, {
+          createVNode(unref(Pagination), {
             current: current.value,
             "onUpdate:current": _cache[0] || (_cache[0] = ($event) => current.value = $event),
             pageSize: pageSize.value,
@@ -278,6 +1416,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const index = {
   install(app) {
+    app.component("s-table", ShyTable);
     app.component("s-page", _sfc_main);
   }
 };