bm-admin-ui 1.0.0-alpha → 1.0.1-alpha

package/es/components/upload/index.js

@@ -0,0 +1,1839 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { h, nextTick, createVNode, reactive, onBeforeUnmount, ref, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeStyle, normalizeClass, toDisplayString, computed, watchEffect, createElementBlock, Fragment, renderList, createCommentVNode, renderSlot, mergeProps, createTextVNode } from 'vue';
+
+/**
+ * Take input from [0, n] and return it as [0, 1]
+ * @hidden
+ */
+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)));
+    // Automatically convert percentage into number
+    if (isPercent) {
+        n = parseInt(String(n * max), 10) / 100;
+    }
+    // Handle floating point rounding errors
+    if (Math.abs(n - max) < 0.000001) {
+        return 1;
+    }
+    // Convert into [0, 1] range if it isn't already
+    if (max === 360) {
+        // If n is a hue given in degrees,
+        // wrap around out-of-range values into [0, 360] range
+        // then convert into [0, 1].
+        n = (n < 0 ? (n % max) + max : n % max) / parseFloat(String(max));
+    }
+    else {
+        // If n not a hue given in degrees
+        // Convert into [0, 1] range if it isn't already.
+        n = (n % max) / parseFloat(String(max));
+    }
+    return n;
+}
+/**
+ * Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+ * <http://stackoverflow.com/questions/7422072/javascript-how-to-detect-number-as-a-decimal-including-1-0>
+ * @hidden
+ */
+function isOnePointZero(n) {
+    return typeof n === 'string' && n.indexOf('.') !== -1 && parseFloat(n) === 1;
+}
+/**
+ * Check to see if string passed in is a percentage
+ * @hidden
+ */
+function isPercentage(n) {
+    return typeof n === 'string' && n.indexOf('%') !== -1;
+}
+/**
+ * Return a valid alpha value [0,1] with all invalid values being set to 1
+ * @hidden
+ */
+function boundAlpha(a) {
+    a = parseFloat(a);
+    if (isNaN(a) || a < 0 || a > 1) {
+        a = 1;
+    }
+    return a;
+}
+/**
+ * Replace a decimal with it's percentage value
+ * @hidden
+ */
+function convertToPercentage(n) {
+    if (n <= 1) {
+        return Number(n) * 100 + "%";
+    }
+    return n;
+}
+/**
+ * Force a hex value to have 2 characters
+ * @hidden
+ */
+function pad2(c) {
+    return c.length === 1 ? '0' + c : String(c);
+}
+
+// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
+// <http://mjijackson.com/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript>
+/**
+ * Handle bounds / percentage checking to conform to CSS color spec
+ * <http://www.w3.org/TR/css3-color/>
+ * *Assumes:* r, g, b in [0, 255] or [0, 1]
+ * *Returns:* { r, g, b } in [0, 255]
+ */
+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;
+}
+/**
+ * Converts an HSL color value to RGB.
+ *
+ * *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
+ * *Returns:* { r, g, b } in the set [0, 255]
+ */
+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) {
+        // achromatic
+        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 };
+}
+/**
+ * Converts an RGB color value to HSV
+ *
+ * *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
+ * *Returns:* { h, s, v } in [0,1]
+ */
+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; // achromatic
+    }
+    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: h, s: s, v: v };
+}
+/**
+ * Converts an HSV color value to RGB.
+ *
+ * *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
+ * *Returns:* { r, g, b } in the set [0, 255]
+ */
+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 };
+}
+/**
+ * Converts an RGB color to hex
+ *
+ * Assumes r, g, and b are contained in the set [0, 255]
+ * Returns a 3 or 6 character hex
+ */
+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)),
+    ];
+    // Return a 3 character hex if possible
+    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('');
+}
+/** Converts a hex value to a decimal */
+function convertHexToDecimal(h) {
+    return parseIntFromHex(h) / 255;
+}
+/** Parse a base-16 hex value into a base-10 integer */
+function parseIntFromHex(val) {
+    return parseInt(val, 16);
+}
+
+// https://github.com/bahamas10/css-color-names/blob/master/css-color-names.json
+/**
+ * @hidden
+ */
+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',
+};
+
+/**
+ * Given a string or object, convert that input to RGB
+ *
+ * Possible string inputs:
+ * ```
+ * "red"
+ * "#f00" or "f00"
+ * "#ff0000" or "ff0000"
+ * "#ff000000" or "ff000000"
+ * "rgb 255 0 0" or "rgb (255, 0, 0)"
+ * "rgb 1.0 0 0" or "rgb (1, 0, 0)"
+ * "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
+ * "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
+ * "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
+ * "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
+ * "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
+ * ```
+ */
+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: 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: a,
+    };
+}
+// <http://www.w3.org/TR/css3-values/#integers>
+var CSS_INTEGER = '[-\\+]?\\d+%?';
+// <http://www.w3.org/TR/css3-values/#number-value>
+var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
+// Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
+var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+// Actual matching.
+// Parentheses and commas are optional, but not required.
+// Whitespace can take the place of commas or opening paren
+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})$/,
+};
+/**
+ * Permissive string parsing.  Take in a number of formats, and output an object
+ * based on detected format.  Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
+ */
+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' };
+    }
+    // Try to match string input using regular expressions.
+    // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
+    // Just return an object and let the conversion functions handle that.
+    // This way the result will be the same whether the tinycolor is initialized with string or object.
+    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;
+}
+/**
+ * Check to see if it looks like a CSS unit
+ * (see `matchers` above for definition).
+ */
+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
+}]; // Wrapper function ported from TinyColor.prototype.toHsv
+// Keep it here because of `hsv.h * 360`
+
+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
+  };
+} // Wrapper function ported from TinyColor.prototype.toHexString
+// Keep it here because of the prefix `#`
+
+
+function toHex(_ref2) {
+  var r = _ref2.r,
+      g = _ref2.g,
+      b = _ref2.b;
+  return "#".concat(rgbToHex(r, g, b, false));
+} // Wrapper function ported from TinyColor.prototype.mix, not treeshakable.
+// Amount in range [0, 1]
+// Assume color1 & color2 has no alpha, since the following src code did so.
+
+
+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) {
+  // grey color don't change saturation
+  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;
+  } // 第一格的 s 限制在 0.06-0.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] !== undefined ? 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);
+  } // dark theme patterns
+
+
+  if (opts.theme === 'dark') {
+    return darkColorMap.map(function (_ref3) {
+      var index = _ref3.index,
+          opacity = _ref3.opacity;
+      var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || '#141414'), inputToRGB(patterns[index]), 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]; // dark presetPalettes
+
+  presetDarkPalettes[key] = generate$1(presetPrimaryColors[key], {
+    theme: 'dark',
+    backgroundColor: '#141414'
+  });
+  presetDarkPalettes[key].primary = presetDarkPalettes[key][5];
+});
+presetPalettes.red;
+presetPalettes.volcano;
+presetPalettes.gold;
+presetPalettes.orange;
+presetPalettes.yellow;
+presetPalettes.lime;
+presetPalettes.green;
+presetPalettes.cyan;
+presetPalettes.blue;
+presetPalettes.geekblue;
+presetPalettes.purple;
+presetPalettes.magenta;
+presetPalettes.grey;
+
+// https://github.com/substack/insert-css
+var containers = []; // will store container HTMLElement references
+
+var styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
+
+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;
+} // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+
+
+function insertCss(css, options) {
+  options = options || {};
+
+  if (css === undefined) {
+    throw new Error(usage);
+  }
+
+  var position = options.prepend === true ? 'prepend' : 'append';
+  var container = options.container !== undefined ? options.container : document.querySelector('head');
+  var containerId = containers.indexOf(container); // first time we see this container, create the necessary entries
+
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  } // try to get the correponding container + position styleElement, create it otherwise
+
+
+  var styleElement;
+
+  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
+    styleElement = styleElements[containerId][position];
+  } else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+
+    if (position === 'prepend') {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    } else {
+      container.appendChild(styleElement);
+    }
+  } // strip potential UTF-8 BOM if css was read from a file
+
+
+  if (css.charCodeAt(0) === 0xfeff) {
+    css = css.substr(1, css.length);
+  } // actually add the stylesheet
+
+
+  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: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function warn(valid, message) {
+  // Support uglify
+  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
+    console.error("Warning: ".concat(message));
+  }
+}
+function warning(valid, message) {
+  warn(valid, "[@ant-design/icons-vue] ".concat(message));
+} // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+
+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: key
+    }, node.attrs), (node.children || []).map(function (child, index) {
+      return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
+    }));
+  }
+
+  return h(node.tag, _objectSpread$4({
+    key: key
+  }, rootProps, node.attrs), (node.children || []).map(function (child, index) {
+    return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
+  }));
+}
+function getSecondaryColor(primaryColor) {
+  // choose the second color
+  return generate$1(primaryColor)[0];
+}
+function normalizeTwoToneColors(twoToneColor) {
+  if (!twoToneColor) {
+    return [];
+  }
+
+  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
+} // These props make sure that the SVG behaviours like general text.
+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 useInsertStyles() {
+  var styleStr = arguments.length > 0 && arguments[0] !== undefined ? 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 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$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 = 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; }
+
+function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var twoToneColorPalette = {
+  primaryColor: '#333',
+  secondaryColor: '#E6E6E6',
+  calculated: false
+};
+
+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 IconBase(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: 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'
+  })); // },
+};
+
+IconBase.props = {
+  icon: Object,
+  primaryColor: String,
+  secondaryColor: String,
+  focusable: String
+};
+IconBase.inheritAttrs = false;
+IconBase.displayName = 'IconBase';
+IconBase.getTwoToneColors = getTwoToneColors;
+IconBase.setTwoToneColors = setTwoToneColors;
+var 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: primaryColor,
+    secondaryColor: 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: 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 Icon(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 === undefined && onClick) {
+    iconTabIndex = -1;
+    restProps.tabindex = iconTabIndex;
+  }
+
+  var svgStyle = rotate ? {
+    msTransform: "rotate(".concat(rotate, "deg)"),
+    transform: "rotate(".concat(rotate, "deg)")
+  } : undefined;
+
+  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;
+var AntdIcon = Icon;
+
+// This icon file is generated automatically.
+var PlusOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "defs", "attrs": {}, "children": [{ "tag": "style", "attrs": {} }] }, { "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
+var PlusOutlinedSvg = PlusOutlined$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: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var PlusOutlined = function PlusOutlined(props, context) {
+  var p = _objectSpread$1({}, props, context.attrs);
+
+  return createVNode(AntdIcon, _objectSpread$1({}, p, {
+    "icon": PlusOutlinedSvg
+  }), null);
+};
+
+PlusOutlined.displayName = 'PlusOutlined';
+PlusOutlined.inheritAttrs = false;
+var PlusOutlined$1 = PlusOutlined;
+
+// This icon file is generated automatically.
+var UploadOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M400 317.7h73.9V656c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V317.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 163a8 8 0 00-12.6 0l-112 141.7c-4.1 5.3-.4 13 6.3 13zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z" } }] }, "name": "upload", "theme": "outlined" };
+var UploadOutlinedSvg = UploadOutlined$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: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var UploadOutlined = function UploadOutlined(props, context) {
+  var p = _objectSpread({}, props, context.attrs);
+
+  return createVNode(AntdIcon, _objectSpread({}, p, {
+    "icon": UploadOutlinedSvg
+  }), null);
+};
+
+UploadOutlined.displayName = 'UploadOutlined';
+UploadOutlined.inheritAttrs = false;
+var UploadOutlined$1 = UploadOutlined;
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main$1 = {
+  name: "BmOverTooltips",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    labelTitle: {
+      type: String,
+      default: ""
+    },
+    line: {
+      type: Number,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      default: 0
+    },
+    showAlways: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      mSlots: {},
+      isShow: false,
+      openShow: false
+    });
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach((item) => {
+        if (item.intersectionRatio > 0.3) {
+          observerDom();
+          observer.disconnect();
+        }
+      });
+    }, {
+      threshold: 0.3
+    });
+    function observerDom() {
+      if (props.line === 1) {
+        if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
+          state.openShow = true;
+        }
+      } else if (props.line > 1) {
+        if (mySelf.value.scrollHeight > mySelf.value.clientHeight) {
+          state.openShow = true;
+        }
+      }
+    }
+    onBeforeUnmount(function() {
+      observer.disconnect();
+    });
+    let mySelf = ref();
+    watch(() => props.showAlways, function(showAlways) {
+      if (showAlways)
+        state.openShow = showAlways;
+      mySelf.value && observer.unobserve(mySelf.value);
+      nextTick(function() {
+        mySelf.value && observer.observe(mySelf.value);
+      });
+    }, {
+      immediate: true
+    });
+    const handleVisibleChange = (val) => {
+      state.isShow = !state.openShow ? false : val;
+    };
+    const getPopupContainer = () => {
+      return document.body;
+    };
+    return {
+      ...toRefs(state),
+      mySelf,
+      handleVisibleChange,
+      getPopupContainer
+    };
+  }
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  return openBlock(), createBlock(_component_a_tooltip, {
+    visible: _ctx.isShow,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.isShow = $event),
+    title: $props.labelTitle || $props.title,
+    "get-popup-container": $setup.getPopupContainer,
+    onVisibleChange: $setup.handleVisibleChange
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        ref: "mySelf",
+        style: normalizeStyle({
+          width: $props.width ? $props.width + "px" : "100%",
+          WebkitLineClamp: $props.line
+        }),
+        class: normalizeClass($props.line === 1 ? `bm-over-tooltip` : `bm-over-tooltip-multi`)
+      }, toDisplayString($props.title), 7)
+    ]),
+    _: 1
+  }, 8, ["visible", "title", "get-popup-container", "onVisibleChange"]);
+}
+var OverTooltips$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "over-tooltips.vue"]]);
+
+const BmOverTooltips = withInstall(OverTooltips$1);
+var OverTooltips = BmOverTooltips;
+
+function getuid() {
+    const s = [];
+    const hexDigits = '0123456789abcdef';
+    for (let i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+    }
+    s[14] = '4';
+    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
+    s[8] = s[13] = s[18] = s[23] = '-';
+    const uuid = s.join('');
+    return uuid;
+}
+function wait(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+var utils = {
+    getuid,
+    wait,
+};
+
+const pdf = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABmdJREFUeAHtWgtsU1UY/u6j62vdGxA35CEo8cE0qCOIMiIYBREBMU6CIKBRkZcYojwCQQRfU8FgAiohERxGMBE1kWjMEgWBgIiAIs8NBmOwdWNrt7b33l7POWWXlQ3Xdt1pO3aS23ve//995/zn8d8KIKFqXF6OV214V4CQr+t6d5qXKME+/rmi1Clzn4lUX5GBVxoOQEdBooGnoOVuOQWXNnz4ZcQE0JEnjTMi7SAe2rWFBJFO+3gA0VYdIiVBTMRpfy2yIiFBvFZniZofLgkdjgA6cOGQ0CEJCIeEDktAqCR0aAJCIaHDE9AaCdcFAf9HQsIT4K93UXwhhZZ2h4QnQD1bEhL4xkpXk5DwBHh2/gzd62nEF9K7KQnCudED9JBaxXElwe6AZfBwyNm9INqSQ9ZUrSgr4k6AmJKO1LnLkXTLndD9GhqKf4Br4xoyig0hKx7NinI0Owulr7R5K2C+e7BRNXnMJEhpWagpfN3I4xnhugZI3bIN8HWb18J35ADDaup3G0/MQbK4EiD3vtUQ7v72C2jOCyyte2Iz/alwrgQI8hWL0911ZMFyMAL89W72jsUPVwKuBij37MuytHOlVxdxS3MlQFd8BjCp642Q0rNYWik9ZuTzjnAlQD111MBnHTrSiKulx4047whXArQL56BdcjKMlvxRBla15DqZARSxcuwwA27q0Ye9ldMn4K+tZvFY/HCdARSg7689QTh9+38PSvNOcCfAs+OnIIze/TuD0rwT3AnQLpZDubwY6poG76G9vDEHyeNOgGC2Quqew5QQJAmWgQ8EKcQ7wZ0A6/AxEC02A2fqjEUQ0zKNNO8IXwIkGcnjpjCMypmToCbArsczl/LGbcjjSoA1fySkLoG/H9SuXQnX158yRSz3PgjriLGGUjwj/AgQBCSPn8awKSf+Yduha/M6+I4eZHkp0+dDuiGwNnRIAiz3j4Cc04thc21dH8BIPEI1hQvg99RDtNqQvvhjUPcWz8BnBiSZ4Zg8h+FSTh5B07OAVn4atZ+8xcro6TD9jQ/I180r1+b2JoOLJMdTL5AvttkMS+36QkAP9sP6Du+D989dMN81COYB96HL6i3wu2oD2Eldf10N1LOl5CmBeuYUFGo2mhoVbtqdACm7J+xjJzNlPXt/hfLvQSTdcQ9M/XORxJ4BbCdoikbO6d002SxOHSie37bDteVzaOfLmpWHk9HuXuGMN9fBnJvHdNJqqiA60kAPQE0D+ZcK/JXnoZadgu7zwZKXz4qpv9/93SYIVjtZP3qzR8rsajSlnuSaVUsYGUZmmJF2mwFyn/6wPz7RAE/1ki4feLTqSijEIeo7eohNZ+X4YegN9YbqjkkzkTxhOgSzBUm5g1C9fBb8pA3rg5iSddho2B4eBymrG9LmrUQVuWYzszB6CD0S3RlAtjrr0FGwPfY08/s3VYNufZ7dxfDsKYZKFsLWgp0cmBzPzoYgitAqK+Bc9grUkisOFTGjKzLf2cDWFi+5UTqXvNhaly2WR40A88AhcEyZA1PPfkGCdFVB1YJpbMSDCkJImPOGkRFewY7OfjJDXF+thfv7InKn9rLW9vFTkTJ5NvzEwVpRMCSEHptXaTMB9HKTOmMxrJc9PNSe4fcbdl772Xtwb9vYXHKIOdSVnkHOB3S606BVXUD9j1vIWuGB7ZEJkLv3gEI8SpWzngyxx+BqbSJAIsLTF66C6aabWa/0aktXZdvwJ1jas+sXVK+YGywxgpSYmgF6UrQOfbTF1pfWLEP99q0tlrWWGTEB9BKT+f5GyOT4qpM9uW7DR2x00l57m9mtWn4Gla8WgPr/oxVMfW8PrC9kGxXJiVElFyr3tk1t2gUiJiDl+fmwj54IauPOJS+R05sJGYtWQzCZoF08T+x+KrSKs9HC3m79RLwNNrq1vft2MPu3PjQmsGJXVaBq4bSEAE9ZjZgAXQ0cRRsPLbQzldi/c+nLbT6d0b54hYgvQ/TjZmOgWxTdnuhKHMvPXI36hPOOeA2gQuRe/Yg7Kwu+v/8w9uZwhMdD3YhNgCof+KITu6860SAwYhOIhvB46KOTgHgYhVjq0DkDYsl+PMjunAHxMAqx1KFzBsSS/XiQLQqCUB4PisRCB4pd1KEXx0J4PMik2EWzbJ1PlAn8dSsetOKng5NiFzO/2V1mNllzIaDoejAHhpFgpZgp9v8AVkc7eXss14sAAAAASUVORK5CYII=`;
+const ppt = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAA1dJREFUeAHtmktoE0EYx7/ZbpLmRUuKFjGiVqE9qLkIRU+CHrzYQ3uQVtF6EbyovSheRS9S8eTjoODF5mB94EWjtYgUHzf1IgVRKWltLA2Gprvb5rHuRLO4aWJmd3bDzmYHQubxfbPz/803OzvJIlDSYn9vdCUvXkGA9smyvAHXsZKCAyfibcMjQ0bHy5XE58SPIMMga+KxaL4zOpi5e23MMAA884pzxGgHdvCjgcDhsLeDCNoxGIXAsRj2tWAZgcDV6ozVer0QHAcAT5weCI4EoAeCYwGQQnA0ABIIjgdQD0JTAPgfBOYBFIUs1keUqu0OzAPIz34nEl82qoTAPADpzQTIK1JZH9H3vxDQ3KFdMpGXjY1QMAytew8Av3ELcIEQ8UjzqWTcEQCIFVcxZH4JVNGkq8oFoAuXA42bPgJ4qyfV070T2s9eqnsZvJUVFuah8HMOCqlZEKcSUEwv1PWjNbAcAPL5S9sTyUA9XT2qWfjYaRCejUP2/m0oZtJqvdkZ2y4B5PVBsO8IRC7eUn7h8JitW+3P8ghQr/Q3I049B+ndZGU1cMrDDBdZB75YL3h7Ymq7Z2s3hI+fgaU7o2qdmZmGA8h/mwbp9dOaGrL3rkPrnv3Qfn4UEPcnQIN9RyE7dgNkUajpZ7TBlktAevsSxInHqiaEEPCbtqllMzO2BIAFrk5/0ujkN2/XlM0q2BaAXHHOR/6AWZo1/dgWAB/t0gw0P/NVUzarYEsAKNwGgYMDGo35mS+aslmFhu8CNQfu8UJLx3rw7tgNof5hJd+pmuL7gVVPhQ0HEBo6BaHDJ1Vx5Qx+8KmWisrW9+vqhWpNptQ1HABqUS6JPwSpsJiCzM3LUJhPElgbMyEbibG+DXkVheXSYUh48QiExDhAbtVQP6RODQcgJB6AMPlkzfhkSSydBOXlpTVtVlY0HAA+7uY+f7BSk66+bbkN6lJAaewCoATIvLsbAcxPIaUANwIoATLv7v43yPwUUgpw7wGUAJl3dyOA+SmkFOBGACVA5t3dCGB+CikFuBFACZB5dzcCmJ9CSgFuBFACZN6dU96++MG8CoMCsHZOBvmVQX/m3bB2zsf7zylKrHsRz76Y0lg71/HwfdLn8ccAQbwZlkNJo6IVa8bafwMo0u8qx3AUAQAAAABJRU5ErkJggg==`;
+const excel = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABJhJREFUeAHtmmtsDFEUgM/sdre7SpsttqqtXaIRQfvDD694RJAiIfH4UUl/SMMPiUTEI4QStJ6RiD8SIkKiUs8QryBKEKEkFRHxiL63pbTKatd0d92zMdfMWGt27R292zmbZs65c+/dc757zp3HVgAiedVbs0VR3EPUaQDBTGzjRYozppSvySlYEqu/Jgy+WxSrSeCFvAWPQeckOwr31V87GTMAXPkgBNNjnaAnjPsXCCYSwLSeEMS/+hArBAKAr5qPBCoWCJgBCSXRQkg4ALia0UBISADRQEhYAFohJDQALRASHsDfIPQKAJEgcA/gi78L49Mk4a4O3AOo8X3UFLzUSQ2BewA32p5DV0CU4tN0lEMQRlZtDGoa1YM7pZptMNMxGtzJ/aEf0bVKva+tPCEAaA04XD/uSyBcUNG0GQCioZWIfXt9BiSxWtU0sx2O5C6FFHMy/YqK1kdwrOU+tf+kjO3rgu2uBYrTm2rPwdOvtYq2eBjMMuCzvxNOkYDdtgH0b9XgWTDc5ozot81kgR2uhXQMjq/21jMJHh1hBgAnP9taBZXtL1ENidWUBDvdi8Ac4WsRksvWXxoCjb422FF3idrxVpgCQGc3k9T9JHqp36NSsqB40GRqyxVM/SLnBNoUCAZgQ80Z8AZ8tC3eCnMAH7u9sKXugsLvFZnTfysFKfUFQaB9j7bcg6qvNdRmoTAHgE7fan8B51ufUP+xFMrcCxWloE79l988cLDpJh3DStEFADpfVn85VM9SIKNTsmkpqFP/e6Ab1r2rADHol7ozO+oGAOsY6xnrWhIshTF9skO7vjz19zdehzdd76VuTI+6AcAosJ7l9wFYCidGLFPs+g873sLx9w+YBi2fXFcA+MUHmm7Aq85m6gNCkKSjuzOUJZKtx1F3AFjX69+dBqxztWyruwgtYoe6mamtOwCMppa8xvogflEEhkDwjk9v+S8A1mYVQFayQxErlsKuoYtAIB89RXcAk1JzodA5PmyMY/u66aUxbAcGjboCwCfEUtVT3nHydCjfD1YOngEj7fr9l46uADYPmQdOaypdxwcdb2BXwxU45LlN2yyCmZTCYrAKv64O9CQDRTcAcxx5MCc9j4bg9fugpPZ8yD7cfBdefGuk53LtGbA6axa1WSq6AHBaUgFXXy57G65C0/f2UJMf8KnvrKIUipwTYXy/YfIhTHRdAJS6F0Bakp0GgKlf0fqY2qi87mxRlALeGpeRdwfRvOdXTKjRYA6gcOA4wJ1fEnnqS23SUV0Kg6xpUKLKHKlvvI5MAbjILzVrsgsUvspTX3GCGOFKYW56Psx2jFF3jZvNDAC+9tpNdnO7yUqdDZf69ORPJVQKzZWK5pIh8yGD7CMshBmA5ZlTIS8lh/ocKfVpp5/KYc8dxVUB949S8gKFhRi/DbKgytOczEqAFwgGAF5WipWfRgawIsvLvEYG8LJSrPw0MoAVWV7mNTKAl5Vi5aeRAazI8jKvkQEAgoeX1Yq/n4IHM6Ay/hNzM2OlyWKxrCM/SH7ixuU4OYoxY+ymZ/lbG5IslnxSCuW9oxyw5IVyjBlj/wFKmHHAnlmA/gAAAABJRU5ErkJggg==`;
+const doc = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABKVJREFUeAHtWrluFEEQfbuYw8bGXMKAuYXEZXAAQogExwgSiEAExERE8AuInJwA4YwEIVJHkJgbcQkhjGywwRw+AGOvvdST3era1uyyO9Mj0btT0nq6Z7p7ql69rqqZcQ4ip24UNxVmcVWaPcUiNvBcKHK6C73nD+XOxtU3T+NnCngihp8JzXga3dGGM9f7izdjA7Dg+dVxF/gf5iUBIS8G9PwPRiTVIS4I+RBpXw6sOCCQAXUltYJQdwDQm7WAUJcA1AJC3QJQLQh1DUA1INQ9AP8CoSEAqARC8AD8mqZ51UlUdggegKHx6ow3o1wQggfg3gDwp2DMq+6oQcidvC7FcOCyfAlwdCvQuQJokXa1MjKB3roAoFqDo8YFvwWijKrlXAZALWjV49iGZ0BTUq9uWwVcPmZXmZkDLt4G5irklv3rgQtH7JyBH8CVPtuPah3fBZzcY688HwGu3bf9uK3EAHwQ5dubgVaVfnauAd6MllfpYKekrHZ7fX0b0Cya/K6Qzw9vLp1z942dn6SVeAvQ048/lqrQ1VHad3sHnBfvi0SLfRXm5HPAnnWlqzwYLO3H7SUGgDd+MFR6e1K8nLBo2RHxDtoFRc8no5oX2zPDE0CtJbCdXdryA4B4Q9eT9Ba9FiUEJ+pat8MKPddllAu4Hltr2wsAP6aAd9/srVmORnmZIw4odkzP2jkMpm1LbV+3utQcnu/3RH+u5QUALuR6xfUax1C0p++8AgwIOWGMBmd+9Dxb9qr9z/HPhs3V5Ed/ADhecb1GVVdJtti80irNQPbys+1HxYHtEi/0Aw6NN6DZmfFb3gB4LWlv8o9VZK9EdTcMaA/TCBr/9JOdo9lhzrpM8hX9zfreAGA6fKTSIesC7mst2sM0nkXTEwXARnmcXdOiZwAuAP1OxikdXXvPGwC8taucuw00AMbzb78C+rWWHkMG6fpgaAxgCvQpXgF4KN7R6VDXAx2t8sVGfkaM58kclrVGulXEJ4NaVWZwATZzkhy9AjA2BdCjRnT01p6lx/W4pyqq63Eug9xMY+6T5OgVACqilVyxDNi6EPV1gKPH9cOS2Q6cv3Y5wFhA0ft/akaYooCaH5H8r38AyqRDvR0M/Y36778D48IeIyZb6P1PlhQkaPoW7wDwKVAbQy9uERawBjDiAsDzehuQLZxDBhnxWf2ZNXn0DgBfA+h0SC9q+n//DfAR2hW9DcgWwwIzTm8tc87H0TsAVEoru1I8f2K3VbVcGatZQc/rlx8DskW+/LRr+GylBoAOchsWghoV14ZqQz5Jfh9VRuo5TK9pSSoATEhJ/FZiQZRoqrvXy11LI/+be6cCABePUnpkEuCvnOhAaMawZnihCiVz3tcxNQB0HDDKlqO/uR7FgMfyrDDLyJqSpAYAtwArQy1RBurro7+Aj87XXt9Pf/p+bGffBl1EGq2f2hYIBcgMgFA8lZaeGQPSQjaUdTMGhOKptPTMGJAWsqGsmzEgFE+lpWfGgLSQDWXdjAHyjwnq+2wofvOjJ20nA/r8LBfkKn35pkW4JKqr//AJ0pA4Sn+j7flb53KDi5vQLXTobYTtQBtpK22m7X8BXxtVZAjutWYAAAAASUVORK5CYII=`;
+const others = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAbNJREFUeAHtlTFOAkEYhWd3LaDUDYWJF7AgHsAGCjsusF6DZG1t3YO4F6CzoaYxhsILmFCQxXIJhuBMkOTFGJwdmp15/zS8bGbJfN//BiKlV54/XW2360LHgVK7S/PMlzUc3paj0d2963njPXz9psEz3+ANdJqeZ5PJy7OzgJ/JX7h+QRveO0VCrAEGbYA49QyuErQAv+78MVEuEkwDglpNJQQnwEyziYQgBTSREKwAWwlBC7CRELyA/yRQCDgmwXsBdb02fFbrr38H7wUsl5UV/GHTbwneC5jP39Vm83Xgs/pECdF4/LizeqvFm7rdjur3r1WvlyqTbVdVfZZntpvbvM/8Dsxmry5HzLy/Ai7U+I4IQBuMWRrAOHVklgagDcYsDWCcOjJLA9AGY5YGME4dmaUBaIMxSwMYp47M0gC0wZilAYxTR2ZpANpgzNIAxqkjszQAbTBmaQDj1JFZGoA2GLM0gHHqyCwNQBuMWRrAOHVklgagDcYsDWCcOjJLA9AGY9YNiBaM4HvmaGGuwJRXgJrGSdLJtYAVoYSVYY+L4uEjSbo3+iqUHNfBXPmoNMyG/RuvFms2+co7XAAAAABJRU5ErkJggg==`;
+var icons = {
+    pdf,
+    ppt,
+    excel,
+    doc,
+    others,
+};
+
+const CLOUND_PRE = "/cloudStorage/read";
+const _sfc_main = {
+  name: "BmUpload",
+  components: { PlusOutlined: PlusOutlined$1, OverTooltips, UploadOutlined: UploadOutlined$1 },
+  props: {
+    uploadProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    extraProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    defaultList: {
+      type: Array,
+      default: () => []
+    },
+    uploadRequest: {
+      type: Function,
+      default() {
+        return () => {
+        };
+      }
+    },
+    cloudReadUrl: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "success",
+    "delete",
+    "update",
+    "previewFile",
+    "successFile",
+    "deleteFile",
+    "error"
+  ],
+  setup(props, { emit }) {
+    let acceptList = [
+      ".xlsx",
+      ".pdf",
+      ".doc",
+      ".docx",
+      ".jpg",
+      ".jpeg",
+      ".JPG",
+      ".png",
+      ".rar",
+      ".zip",
+      ".ppt",
+      ".pptx",
+      ".mp4"
+    ];
+    const state = reactive({
+      uploadBarColor: "#4DA0FF",
+      uploadDisabled: false,
+      uploadedList: [],
+      fileList: {},
+      onepViewImageHover: {},
+      previewVisible: false,
+      onepViewImage: "",
+      extraConfigs: {
+        maxSize: 5,
+        maxCount: 5,
+        isAllowDownloadFieldProps: false,
+        hideDisabledBtn: true,
+        tips: "",
+        showTips: true,
+        btnClass: "",
+        picClass: "",
+        alignCenter: false,
+        canNotViewAccept: ".rar,.zip",
+        fileDetail: true,
+        myBtn: false
+      },
+      uploadConfigs: {
+        multiple: false,
+        showUploadList: false,
+        showSlotList: false,
+        listType: "text",
+        text: "",
+        accept: acceptList.join(","),
+        data: {},
+        name: "file",
+        disabled: false,
+        async customRequest({ file, fileField, data }) {
+          if (file.size > state.extraConfigs.maxSize * 1024 * 1024) {
+            return methods.uploadError(new Error(`\u4E0D\u80FD\u4E0A\u4F20\u5927\u4E8E${state.extraConfigs.maxSize}M\u7684\u6587\u4EF6`));
+          }
+          if (Object.keys(state.fileList).length >= state.extraConfigs.maxCount) {
+            return methods.uploadError(new Error(`\u4E0D\u80FD\u4E0A\u4F20\u591A\u4E8E${state.extraConfigs.maxCount}\u4E2A\u6587\u4EF6`));
+          }
+          let name = file.name;
+          let fileFormat = name.split(".").pop();
+          if (!state.uploadConfigs.accept.includes(`.${fileFormat}`)) {
+            return methods.uploadError(new Error(`\u4E0D\u80FD\u4E0A\u4F20\u8BE5\u7C7B\u578B\u6587\u4EF6`));
+          }
+          state.fileList[file.uid] = {
+            uid: file.uid,
+            name: file.name,
+            type: fileFormat,
+            progress: 0,
+            file,
+            isDoneDeloy: false,
+            status: ""
+          };
+          setTimeout(function() {
+            state.fileList[file.uid].isDoneDeloy = true;
+          }, 1e3);
+          methods.customUploadRequest(file);
+        }
+      }
+    });
+    const methods = {
+      customUploadRequest(file) {
+        props.uploadRequest?.(file, {
+          onUploadProgress: (e) => {
+            let progress = Math.round(e.loaded / e.total * 100);
+            state.fileList[file.uid] = {
+              ...state.fileList[file.uid],
+              progress
+            };
+          }
+        }).then(function(data) {
+          state.fileList[file.uid].progress = 100;
+          methods.uploadSuccess(data, file);
+        }).catch(function(error) {
+          console.error(error);
+          if (state.uploadConfigs.listType === "text") {
+            state.fileList[file.uid].progress = 100;
+          }
+          methods.uploadError(error, file);
+        });
+      },
+      uploadSuccess(data, file) {
+        emit("successFile", data);
+        let uri = data?.url;
+        let item = state.extraConfigs.fileDetail ? {
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          url: uri
+        } : uri;
+        state.uploadedList.push(item);
+        state.fileList[file.uid].url = uri;
+        emit("success", state.uploadedList);
+        emit("update", state.uploadedList);
+      },
+      uploadError(error, file = {}) {
+        if (file.uid && state.fileList[file.uid]) {
+          state.fileList[file.uid].status = "error";
+        }
+        emit("error", error);
+      },
+      async deleteFile(uid) {
+        const index = state.uploadedList.findIndex((ele) => state.extraConfigs.fileDetail ? ele === state.fileList[uid].url : ele.url === state.fileList[uid].url);
+        emit("deleteFile", state.fileList[uid]);
+        state.uploadedList.splice(index, 1);
+        delete state.fileList[uid];
+        emit("delete", state.uploadedList);
+        emit("update", state.uploadedList);
+      },
+      pictureHoverEnter(uid) {
+        state.onepViewImageHover[uid] = true;
+      },
+      pictureHoverLeave(uid) {
+        state.onepViewImageHover[uid] = false;
+      },
+      viewOnePicture(item) {
+        if (["img", "image", "png", "jpg", "jpeg"].includes(item.type.toLowerCase())) {
+          state.previewVisible = true;
+          state.onepViewImage = item;
+          return;
+        }
+        emit("previewFile", item);
+      },
+      handleClosePictureView() {
+        state.previewVisible = false;
+      },
+      reUpload(e, uid) {
+        e.stopPropagation();
+        let file = state.fileList[uid].file;
+        state.onepViewImageHover[uid] = false;
+        delete state.fileList[uid];
+        state.uploadConfigs.customRequest({
+          file,
+          fileField: state.uploadConfigs.name,
+          data: state.uploadConfigs.data
+        });
+      },
+      paste(event) {
+        const items = event?.clipboardData?.items;
+        let file = null;
+        if (items && items.length) {
+          for (var i = 0; i < items.length; i++) {
+            if (items[i].type.match("^image/")) {
+              file = items[i].getAsFile();
+              break;
+            }
+          }
+        }
+        if (file) {
+          let uid = utils.getuid();
+          let filename = file.name;
+          let fileInfo = filename?.split(".");
+          if (fileInfo && fileInfo.length > 1) {
+            fileInfo[fileInfo.length - 2] = uid;
+            filename = fileInfo.join(".");
+          } else {
+            filename = uid + ".png";
+          }
+          file = new File([file], filename, { type: file.type });
+          file["uid"] = uid;
+          state.uploadConfigs.customRequest({
+            file,
+            fileField: state.uploadConfigs.name,
+            data: state.uploadConfigs.data
+          });
+        }
+      }
+    };
+    watch(() => props.defaultList, function(list) {
+      if (list.length) {
+        list.forEach(function(item) {
+          let uid = utils.getuid();
+          if (!item.url.includes("http") && !item.url.includes(CLOUND_PRE))
+            item.url = props.cloudReadUrl + item.url;
+          state.fileList[uid] = {
+            uid,
+            name: item.name,
+            url: item.url,
+            type: item.type || "png",
+            progress: 100,
+            isDoneDeloy: true
+          };
+          state.uploadedList.push(item);
+        });
+      }
+    }, {
+      immediate: true
+    });
+    watch([() => props.uploadProps, () => props.extraProps], function([config, extra]) {
+      state.uploadConfigs = {
+        ...state.uploadConfigs,
+        ...config,
+        showUploadList: false
+      };
+      state.extraConfigs = {
+        ...state.extraConfigs,
+        ...extra
+      };
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const uploadDisabled = computed(() => {
+      if (Object.keys(state.fileList).length >= state.extraConfigs.maxCount) {
+        return true;
+      }
+      return false;
+    });
+    watchEffect(() => {
+      state.uploadConfigs.disabled = uploadDisabled.value;
+    });
+    return {
+      ...toRefs(state),
+      icons,
+      ...methods,
+      uploadDisabled
+    };
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "bm-upload__picture-progress"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__picture-progress__text" }, "\u56FE\u7247\u4E0A\u4F20\u4E2D", -1);
+const _hoisted_3 = ["onMouseenter", "onMouseleave"];
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = ["src"];
+const _hoisted_9 = ["src"];
+const _hoisted_10 = {
+  key: 6,
+  class: "bm-upload__picture-result__cover"
+};
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = ["onClick"];
+const _hoisted_13 = ["onMouseenter", "onMouseleave"];
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__picture-error__image" }, null, -1);
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("div", null, "\u4E0A\u4F20\u9519\u8BEF", -1);
+const _hoisted_16 = {
+  key: 0,
+  class: "bm-upload__picture-result__cover"
+};
+const _hoisted_17 = ["onClick"];
+const _hoisted_18 = ["onClick"];
+const _hoisted_19 = {
+  key: 0,
+  style: { "font-size": "24px", "color": "#9393a3" }
+};
+const _hoisted_20 = { class: "ant-upload-text bm-upload__text" };
+const _hoisted_21 = {
+  key: 0,
+  class: "bm-upload__tips"
+};
+const _hoisted_22 = { key: 1 };
+const _hoisted_23 = {
+  key: 0,
+  class: "bm-upload__tips"
+};
+const _hoisted_24 = {
+  key: 2,
+  class: "bm-upload__file-list"
+};
+const _hoisted_25 = { class: "bm-upload__file__detail" };
+const _hoisted_26 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__file__icon" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__attachment" })
+], -1);
+const _hoisted_27 = { class: "bm-upload__file__name" };
+const _hoisted_28 = { class: "bm-upload__file__progress-tools" };
+const _hoisted_29 = ["onClick"];
+const _hoisted_30 = ["onClick"];
+const _hoisted_31 = {
+  key: 0,
+  class: "bm-upload__progress"
+};
+const _hoisted_32 = { style: { "padding-top": "20px" } };
+const _hoisted_33 = ["src"];
+const _hoisted_34 = ["title", "src"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_progress = resolveComponent("a-progress");
+  const _component_PlusOutlined = resolveComponent("PlusOutlined");
+  const _component_UploadOutlined = resolveComponent("UploadOutlined");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_upload = resolveComponent("a-upload");
+  const _component_OverTooltips = resolveComponent("OverTooltips");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["bm-upload", {
+      "bm-upload--text": _ctx.uploadConfigs.listType === "text"
+    }])
+  }, [
+    _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.fileList, (item) => {
+      return openBlock(), createElementBlock("div", {
+        key: item,
+        class: normalizeClass(["bm-upload__picture", { "bm-upload__picture--error": item.status === "error" }])
+      }, [
+        createCommentVNode(" \u4E0A\u4F20\u4E2D "),
+        item.progress < 100 && item.status !== "error" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _hoisted_2,
+          createVNode(_component_a_progress, {
+            type: "line",
+            "stroke-width": 2,
+            "show-info": false,
+            "stroke-color": _ctx.uploadBarColor,
+            percent: item.uid?.progress
+          }, null, 8, ["stroke-color", "percent"])
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" \u56FE\u7247\u5C55\u793A "),
+        item.progress >= 100 && item.status !== "error" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "bm-upload__picture-result",
+            onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
+            onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
+            onClick: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
+          }, [
+            item.type === "pdf" ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              class: "bm-upload__picture-result__image",
+              src: $setup.icons.pdf,
+              alt: "avatar"
+            }, null, 8, _hoisted_4)) : item.type === "xlsx" ? (openBlock(), createElementBlock("img", {
+              key: 1,
+              class: "bm-upload__picture-result__image",
+              src: $setup.icons.excel,
+              alt: "avatar"
+            }, null, 8, _hoisted_5)) : item.type === "ppt" ? (openBlock(), createElementBlock("img", {
+              key: 2,
+              class: "bm-upload__picture-result__image",
+              src: $setup.icons.ppt,
+              alt: "avatar"
+            }, null, 8, _hoisted_6)) : ["docx", "doc"].includes(item.type) ? (openBlock(), createElementBlock("img", {
+              key: 3,
+              class: "bm-upload__picture-result__image",
+              src: $setup.icons.doc,
+              alt: "avatar"
+            }, null, 8, _hoisted_7)) : ["img", "image", "png", "jpg", "jpeg"].includes(item.type) ? (openBlock(), createElementBlock("img", {
+              key: 4,
+              class: "bm-upload__picture-result__image",
+              src: item.url,
+              alt: "avatar"
+            }, null, 8, _hoisted_8)) : (openBlock(), createElementBlock("img", {
+              key: 5,
+              class: "bm-upload__picture-result__image",
+              src: $setup.icons.others,
+              alt: "avatar"
+            }, null, 8, _hoisted_9)),
+            _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
+                onClick: ($event) => _ctx.viewOnePicture(item)
+              }, null, 8, _hoisted_11)) : createCommentVNode("v-if", true),
+              !(_ctx.extraConfigs.hidenDelBtn ?? false) ? (openBlock(), createElementBlock("div", {
+                key: 1,
+                class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
+                onClick: ($event) => _ctx.deleteFile(item.uid)
+              }, null, 8, _hoisted_12)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ], 40, _hoisted_3)) : renderSlot(_ctx.$slots, "file", {
+            key: 1,
+            file: item
+          })
+        ], 2112)) : createCommentVNode("v-if", true),
+        createCommentVNode(" \u56FE\u7247\u9519\u8BEF\u5C55\u793A "),
+        item.status === "error" ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: "bm-upload__picture-error",
+          onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
+          onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
+          onClick: _cache[1] || (_cache[1] = (e) => e.stopPropagation())
+        }, [
+          _hoisted_14,
+          _hoisted_15,
+          _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_16, [
+            createElementVNode("div", {
+              class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--retry",
+              onClick: (e) => _ctx.reUpload(e, item.uid)
+            }, null, 8, _hoisted_17),
+            createElementVNode("div", {
+              class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
+              onClick: ($event) => _ctx.deleteFile(item.uid)
+            }, null, 8, _hoisted_18)
+          ])) : createCommentVNode("v-if", true)
+        ], 40, _hoisted_13)) : createCommentVNode("v-if", true)
+      ], 2);
+    }), 128)) : createCommentVNode("v-if", true),
+    !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (openBlock(), createBlock(_component_a_upload, mergeProps({ key: 1 }, _ctx.uploadConfigs, {
+      class: { "bm--upload__custom-button": _ctx.extraConfigs.myBtn }
+    }), {
+      default: withCtx(() => [
+        _ctx.extraConfigs.myBtn ? renderSlot(_ctx.$slots, "myBtn", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_19, [
+            createVNode(_component_PlusOutlined),
+            createElementVNode("div", _hoisted_20, toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
+            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+          ])) : _ctx.uploadConfigs.listType === "text" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+            createVNode(_component_a_button, {
+              class: normalizeClass(_ctx.extraConfigs.btnClass),
+              disabled: $setup.uploadDisabled && !_ctx.extraConfigs?.hideDisabledBtn
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_UploadOutlined),
+                createTextVNode(" " + toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u6587\u4EF6"), 1)
+              ]),
+              _: 1
+            }, 8, ["class", "disabled"]),
+            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+          ])) : createCommentVNode("v-if", true)
+        ], 2112))
+      ]),
+      _: 3
+    }, 16, ["class"])) : createCommentVNode("v-if", true),
+    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", _hoisted_24, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item,
+          class: "bm-upload__file"
+        }, [
+          !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("div", _hoisted_25, [
+              _hoisted_26,
+              createElementVNode("div", _hoisted_27, [
+                createVNode(_component_OverTooltips, {
+                  title: item.name
+                }, null, 8, ["title"])
+              ]),
+              createElementVNode("div", _hoisted_28, [
+                item.status === "error" ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "bm-upload__error-reload",
+                  onClick: (e) => _ctx.reUpload(e, item.uid)
+                }, null, 8, _hoisted_29)) : createCommentVNode("v-if", true),
+                createElementVNode("div", {
+                  class: "bm-upload__trash",
+                  onClick: ($event) => _ctx.deleteFile(item.uid)
+                }, null, 8, _hoisted_30)
+              ])
+            ]),
+            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_31, [
+              createVNode(_component_a_progress, {
+                type: "line",
+                "stroke-width": 2,
+                "show-info": false,
+                "stroke-color": item.status !== "error" ? _ctx.uploadBarColor : "#E64C2E",
+                percent: item.progress
+              }, null, 8, ["stroke-color", "percent"])
+            ])) : createCommentVNode("v-if", true)
+          ], 64)) : renderSlot(_ctx.$slots, "file", {
+            key: 1,
+            file: item
+          })
+        ]);
+      }), 128))
+    ])) : createCommentVNode("v-if", true),
+    createVNode(_component_a_modal, {
+      visible: _ctx.previewVisible,
+      width: _ctx.onepViewImage.type === "pdf" ? "1200px" : "600px",
+      footer: null,
+      onCancel: _ctx.handleClosePictureView
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_32, [
+          ["img", "image", "png", "jpg", "jpeg"].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            style: { "width": "100%" },
+            src: _ctx.onepViewImage.url,
+            alt: ""
+          }, null, 8, _hoisted_33)) : (openBlock(), createElementBlock("iframe", {
+            key: 1,
+            title: _ctx.onepViewImage.type,
+            style: { "width": "100%", "min-height": "600px" },
+            src: _ctx.onepViewImage.url
+          }, null, 8, _hoisted_34))
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "width", "onCancel"])
+  ], 2);
+}
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "upload.vue"]]);
+
+const BmUpload = withInstall(Upload);
+
+export { BmUpload, BmUpload as default };