vue-devui 1.0.0-beta.9 → 1.0.0-rc.1

package/upload/index.es.js

@@ -21,2073 +21,318 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, createVNode, getCurrentInstance, ref, computed, watch, nextTick, onUnmounted, mergeProps, createApp, toRefs, withDirectives, resolveComponent, createTextVNode, resolveDirective, Fragment, isVNode } from "vue";
-var toast = "";
-const toastProps = {
-  value: {
-    type: Array,
-    required: true,
-    default: () => []
+import { defineComponent, toRefs, createVNode, computed, watch, Transition, reactive, createApp, onUnmounted, mergeProps, isVNode, ref, withDirectives, resolveComponent, resolveDirective } from "vue";
+const notificationProps = {
+  modelValue: {
+    type: Boolean,
+    default: false
   },
-  life: {
-    type: Number,
-    default: null
+  title: {
+    type: String,
+    default: ""
   },
-  lifeMode: {
+  type: {
     type: String,
-    default: "global"
+    default: "normal"
   },
-  sticky: {
-    type: Boolean,
-    default: false
+  duration: {
+    type: Number,
+    default: 3e3
   },
-  style: {
-    type: Object,
-    default: () => ({})
+  onClose: {
+    type: Function
+  }
+};
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
   },
-  styleClass: {
-    type: String
+  size: {
+    type: String,
+    default: "inherit"
   },
-  onCloseEvent: {
-    type: Function
+  color: {
+    type: String,
+    default: "inherit"
   },
-  onValueChange: {
-    type: Function
+  classPrefix: {
+    type: String,
+    default: "icon"
   }
 };
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
-var ToastIconClose = defineComponent({
-  name: "DToastIconClose",
-  props: {
-    prefixCls: String,
-    onClick: Function
-  },
+var Close = defineComponent({
   emits: ["click"],
-  render() {
-    const {
-      prefixCls,
-      $emit
-    } = this;
-    const wrapperCls = `${prefixCls}-icon-close`;
-    return createVNode("div", {
-      "class": wrapperCls,
-      "onClick": (e) => $emit("click", e)
+  setup(props, {
+    emit
+  }) {
+    return () => createVNode("div", {
+      "class": "devui-notification-icon-close",
+      "onClick": (e) => emit("click", e)
     }, [createVNode(Icon, {
       "name": "close",
       "size": "14px"
     }, null)]);
   }
 });
-var ToastImage = defineComponent({
-  name: "DToastImage",
+var TypeIcon = defineComponent({
   props: {
-    prefixCls: String,
-    severity: String
+    type: {
+      type: String,
+      default: "normal"
+    }
   },
-  render() {
+  setup(props) {
     const {
-      prefixCls,
-      severity
-    } = this;
-    const wrapperCls = [`${prefixCls}-image`, `${prefixCls}-image-${severity || "common"}`];
+      type
+    } = toRefs(props);
+    const classes = computed(() => ({
+      "devui-notification-image": true,
+      [`devui-notification-image-${type.value}`]: true
+    }));
     const severityIconMap = {
       info: "info-o",
-      success: "right-o",
-      warn: "warning-o",
-      error: "error-o"
-    };
-    const showIcon = () => severity !== "common";
-    return createVNode("span", {
-      "class": wrapperCls
-    }, [showIcon() ? createVNode(Icon, {
-      "name": severityIconMap[severity],
-      "size": "14px"
-    }, null) : null]);
-  }
-});
-var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-var freeGlobal$1 = freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal$1 || freeSelf || Function("return this")();
-var root$1 = root;
-var Symbol$1 = root$1.Symbol;
-var Symbol$2 = Symbol$1;
-var objectProto$f = Object.prototype;
-var hasOwnProperty$c = objectProto$f.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$f.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$c.call(value, symToStringTag$1), tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-var objectProto$e = Object.prototype;
-var nativeObjectToString = objectProto$e.toString;
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function baseGetTag(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-function isObjectLike(value) {
-  return value != null && typeof value == "object";
-}
-var symbolTag$3 = "[object Symbol]";
-function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag$3;
-}
-function arrayMap(array, iteratee) {
-  var index2 = -1, length = array == null ? 0 : array.length, result = Array(length);
-  while (++index2 < length) {
-    result[index2] = iteratee(array[index2], index2, array);
-  }
-  return result;
-}
-var isArray = Array.isArray;
-var isArray$1 = isArray;
-var INFINITY$1 = 1 / 0;
-var symbolProto$2 = Symbol$2 ? Symbol$2.prototype : void 0, symbolToString = symbolProto$2 ? symbolProto$2.toString : void 0;
-function baseToString(value) {
-  if (typeof value == "string") {
-    return value;
-  }
-  if (isArray$1(value)) {
-    return arrayMap(value, baseToString) + "";
-  }
-  if (isSymbol(value)) {
-    return symbolToString ? symbolToString.call(value) : "";
-  }
-  var result = value + "";
-  return result == "0" && 1 / value == -INFINITY$1 ? "-0" : result;
-}
-var reWhitespace = /\s/;
-function trimmedEndIndex(string) {
-  var index2 = string.length;
-  while (index2-- && reWhitespace.test(string.charAt(index2))) {
-  }
-  return index2;
-}
-var reTrimStart = /^\s+/;
-function baseTrim(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-}
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
-}
-var NAN = 0 / 0;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-function toNumber(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject(other) ? other + "" : other;
-  }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
-function identity(value) {
-  return value;
-}
-var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction(value) {
-  if (!isObject(value)) {
-    return false;
-  }
-  var tag = baseGetTag(value);
-  return tag == funcTag$2 || tag == genTag$1 || tag == asyncTag || tag == proxyTag;
-}
-var coreJsData = root$1["__core-js_shared__"];
-var coreJsData$1 = coreJsData;
-var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
-}();
-function isMasked(func) {
-  return !!maskSrcKey && maskSrcKey in func;
-}
-var funcProto$2 = Function.prototype;
-var funcToString$2 = funcProto$2.toString;
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString$2.call(func);
-    } catch (e) {
-    }
-    try {
-      return func + "";
-    } catch (e) {
-    }
-  }
-  return "";
-}
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-var funcProto$1 = Function.prototype, objectProto$d = Object.prototype;
-var funcToString$1 = funcProto$1.toString;
-var hasOwnProperty$b = objectProto$d.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString$1.call(hasOwnProperty$b).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-function baseIsNative(value) {
-  if (!isObject(value) || isMasked(value)) {
-    return false;
-  }
-  var pattern = isFunction(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(toSource(value));
-}
-function getValue(object, key) {
-  return object == null ? void 0 : object[key];
-}
-function getNative(object, key) {
-  var value = getValue(object, key);
-  return baseIsNative(value) ? value : void 0;
-}
-var WeakMap = getNative(root$1, "WeakMap");
-var WeakMap$1 = WeakMap;
-var objectCreate = Object.create;
-var baseCreate = function() {
-  function object() {
-  }
-  return function(proto) {
-    if (!isObject(proto)) {
-      return {};
-    }
-    if (objectCreate) {
-      return objectCreate(proto);
-    }
-    object.prototype = proto;
-    var result = new object();
-    object.prototype = void 0;
-    return result;
-  };
-}();
-var baseCreate$1 = baseCreate;
-function apply(func, thisArg, args) {
-  switch (args.length) {
-    case 0:
-      return func.call(thisArg);
-    case 1:
-      return func.call(thisArg, args[0]);
-    case 2:
-      return func.call(thisArg, args[0], args[1]);
-    case 3:
-      return func.call(thisArg, args[0], args[1], args[2]);
-  }
-  return func.apply(thisArg, args);
-}
-function copyArray(source, array) {
-  var index2 = -1, length = source.length;
-  array || (array = Array(length));
-  while (++index2 < length) {
-    array[index2] = source[index2];
-  }
-  return array;
-}
-var HOT_COUNT = 800, HOT_SPAN = 16;
-var nativeNow = Date.now;
-function shortOut(func) {
-  var count = 0, lastCalled = 0;
-  return function() {
-    var stamp = nativeNow(), remaining = HOT_SPAN - (stamp - lastCalled);
-    lastCalled = stamp;
-    if (remaining > 0) {
-      if (++count >= HOT_COUNT) {
-        return arguments[0];
-      }
-    } else {
-      count = 0;
-    }
-    return func.apply(void 0, arguments);
-  };
-}
-function constant(value) {
-  return function() {
-    return value;
-  };
-}
-var defineProperty = function() {
-  try {
-    var func = getNative(Object, "defineProperty");
-    func({}, "", {});
-    return func;
-  } catch (e) {
-  }
-}();
-var defineProperty$1 = defineProperty;
-var baseSetToString = !defineProperty$1 ? identity : function(func, string) {
-  return defineProperty$1(func, "toString", {
-    "configurable": true,
-    "enumerable": false,
-    "value": constant(string),
-    "writable": true
-  });
-};
-var baseSetToString$1 = baseSetToString;
-var setToString = shortOut(baseSetToString$1);
-var setToString$1 = setToString;
-function arrayEach(array, iteratee) {
-  var index2 = -1, length = array == null ? 0 : array.length;
-  while (++index2 < length) {
-    if (iteratee(array[index2], index2, array) === false) {
-      break;
-    }
-  }
-  return array;
-}
-var MAX_SAFE_INTEGER$1 = 9007199254740991;
-var reIsUint = /^(?:0|[1-9]\d*)$/;
-function isIndex(value, length) {
-  var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER$1 : length;
-  return !!length && (type == "number" || type != "symbol" && reIsUint.test(value)) && (value > -1 && value % 1 == 0 && value < length);
-}
-function baseAssignValue(object, key, value) {
-  if (key == "__proto__" && defineProperty$1) {
-    defineProperty$1(object, key, {
-      "configurable": true,
-      "enumerable": true,
-      "value": value,
-      "writable": true
-    });
-  } else {
-    object[key] = value;
-  }
-}
-function eq(value, other) {
-  return value === other || value !== value && other !== other;
-}
-var objectProto$c = Object.prototype;
-var hasOwnProperty$a = objectProto$c.hasOwnProperty;
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(hasOwnProperty$a.call(object, key) && eq(objValue, value)) || value === void 0 && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-function copyObject(source, props, object, customizer) {
-  var isNew = !object;
-  object || (object = {});
-  var index2 = -1, length = props.length;
-  while (++index2 < length) {
-    var key = props[index2];
-    var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
-    if (newValue === void 0) {
-      newValue = source[key];
-    }
-    if (isNew) {
-      baseAssignValue(object, key, newValue);
-    } else {
-      assignValue(object, key, newValue);
-    }
-  }
-  return object;
-}
-var nativeMax$1 = Math.max;
-function overRest(func, start, transform) {
-  start = nativeMax$1(start === void 0 ? func.length - 1 : start, 0);
-  return function() {
-    var args = arguments, index2 = -1, length = nativeMax$1(args.length - start, 0), array = Array(length);
-    while (++index2 < length) {
-      array[index2] = args[start + index2];
-    }
-    index2 = -1;
-    var otherArgs = Array(start + 1);
-    while (++index2 < start) {
-      otherArgs[index2] = args[index2];
-    }
-    otherArgs[start] = transform(array);
-    return apply(func, this, otherArgs);
-  };
-}
-function baseRest(func, start) {
-  return setToString$1(overRest(func, start, identity), func + "");
-}
-var MAX_SAFE_INTEGER = 9007199254740991;
-function isLength(value) {
-  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-}
-function isArrayLike(value) {
-  return value != null && isLength(value.length) && !isFunction(value);
-}
-function isIterateeCall(value, index2, object) {
-  if (!isObject(object)) {
-    return false;
-  }
-  var type = typeof index2;
-  if (type == "number" ? isArrayLike(object) && isIndex(index2, object.length) : type == "string" && index2 in object) {
-    return eq(object[index2], value);
-  }
-  return false;
-}
-function createAssigner(assigner) {
-  return baseRest(function(object, sources) {
-    var index2 = -1, length = sources.length, customizer = length > 1 ? sources[length - 1] : void 0, guard = length > 2 ? sources[2] : void 0;
-    customizer = assigner.length > 3 && typeof customizer == "function" ? (length--, customizer) : void 0;
-    if (guard && isIterateeCall(sources[0], sources[1], guard)) {
-      customizer = length < 3 ? void 0 : customizer;
-      length = 1;
-    }
-    object = Object(object);
-    while (++index2 < length) {
-      var source = sources[index2];
-      if (source) {
-        assigner(object, source, index2, customizer);
-      }
-    }
-    return object;
-  });
-}
-var objectProto$b = Object.prototype;
-function isPrototype(value) {
-  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$b;
-  return value === proto;
-}
-function baseTimes(n, iteratee) {
-  var index2 = -1, result = Array(n);
-  while (++index2 < n) {
-    result[index2] = iteratee(index2);
-  }
-  return result;
-}
-var argsTag$3 = "[object Arguments]";
-function baseIsArguments(value) {
-  return isObjectLike(value) && baseGetTag(value) == argsTag$3;
-}
-var objectProto$a = Object.prototype;
-var hasOwnProperty$9 = objectProto$a.hasOwnProperty;
-var propertyIsEnumerable$1 = objectProto$a.propertyIsEnumerable;
-var isArguments = baseIsArguments(function() {
-  return arguments;
-}()) ? baseIsArguments : function(value) {
-  return isObjectLike(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable$1.call(value, "callee");
-};
-var isArguments$1 = isArguments;
-function stubFalse() {
-  return false;
-}
-var freeExports$2 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule$2 = freeExports$2 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports$2 = freeModule$2 && freeModule$2.exports === freeExports$2;
-var Buffer$1 = moduleExports$2 ? root$1.Buffer : void 0;
-var nativeIsBuffer = Buffer$1 ? Buffer$1.isBuffer : void 0;
-var isBuffer = nativeIsBuffer || stubFalse;
-var isBuffer$1 = isBuffer;
-var argsTag$2 = "[object Arguments]", arrayTag$2 = "[object Array]", boolTag$3 = "[object Boolean]", dateTag$3 = "[object Date]", errorTag$2 = "[object Error]", funcTag$1 = "[object Function]", mapTag$5 = "[object Map]", numberTag$3 = "[object Number]", objectTag$4 = "[object Object]", regexpTag$3 = "[object RegExp]", setTag$5 = "[object Set]", stringTag$3 = "[object String]", weakMapTag$2 = "[object WeakMap]";
-var arrayBufferTag$3 = "[object ArrayBuffer]", dataViewTag$4 = "[object DataView]", float32Tag$2 = "[object Float32Array]", float64Tag$2 = "[object Float64Array]", int8Tag$2 = "[object Int8Array]", int16Tag$2 = "[object Int16Array]", int32Tag$2 = "[object Int32Array]", uint8Tag$2 = "[object Uint8Array]", uint8ClampedTag$2 = "[object Uint8ClampedArray]", uint16Tag$2 = "[object Uint16Array]", uint32Tag$2 = "[object Uint32Array]";
-var typedArrayTags = {};
-typedArrayTags[float32Tag$2] = typedArrayTags[float64Tag$2] = typedArrayTags[int8Tag$2] = typedArrayTags[int16Tag$2] = typedArrayTags[int32Tag$2] = typedArrayTags[uint8Tag$2] = typedArrayTags[uint8ClampedTag$2] = typedArrayTags[uint16Tag$2] = typedArrayTags[uint32Tag$2] = true;
-typedArrayTags[argsTag$2] = typedArrayTags[arrayTag$2] = typedArrayTags[arrayBufferTag$3] = typedArrayTags[boolTag$3] = typedArrayTags[dataViewTag$4] = typedArrayTags[dateTag$3] = typedArrayTags[errorTag$2] = typedArrayTags[funcTag$1] = typedArrayTags[mapTag$5] = typedArrayTags[numberTag$3] = typedArrayTags[objectTag$4] = typedArrayTags[regexpTag$3] = typedArrayTags[setTag$5] = typedArrayTags[stringTag$3] = typedArrayTags[weakMapTag$2] = false;
-function baseIsTypedArray(value) {
-  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
-}
-function baseUnary(func) {
-  return function(value) {
-    return func(value);
-  };
-}
-var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
-var freeProcess = moduleExports$1 && freeGlobal$1.process;
-var nodeUtil = function() {
-  try {
-    var types = freeModule$1 && freeModule$1.require && freeModule$1.require("util").types;
-    if (types) {
-      return types;
-    }
-    return freeProcess && freeProcess.binding && freeProcess.binding("util");
-  } catch (e) {
-  }
-}();
-var nodeUtil$1 = nodeUtil;
-var nodeIsTypedArray = nodeUtil$1 && nodeUtil$1.isTypedArray;
-var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
-var isTypedArray$1 = isTypedArray;
-var objectProto$9 = Object.prototype;
-var hasOwnProperty$8 = objectProto$9.hasOwnProperty;
-function arrayLikeKeys(value, inherited) {
-  var isArr = isArray$1(value), isArg = !isArr && isArguments$1(value), isBuff = !isArr && !isArg && isBuffer$1(value), isType = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
-  for (var key in value) {
-    if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
-  };
-}
-var nativeKeys = overArg(Object.keys, Object);
-var nativeKeys$1 = nativeKeys;
-var objectProto$8 = Object.prototype;
-var hasOwnProperty$7 = objectProto$8.hasOwnProperty;
-function baseKeys(object) {
-  if (!isPrototype(object)) {
-    return nativeKeys$1(object);
-  }
-  var result = [];
-  for (var key in Object(object)) {
-    if (hasOwnProperty$7.call(object, key) && key != "constructor") {
-      result.push(key);
-    }
-  }
-  return result;
-}
-function keys(object) {
-  return isArrayLike(object) ? arrayLikeKeys(object) : baseKeys(object);
-}
-function nativeKeysIn(object) {
-  var result = [];
-  if (object != null) {
-    for (var key in Object(object)) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-var objectProto$7 = Object.prototype;
-var hasOwnProperty$6 = objectProto$7.hasOwnProperty;
-function baseKeysIn(object) {
-  if (!isObject(object)) {
-    return nativeKeysIn(object);
-  }
-  var isProto = isPrototype(object), result = [];
-  for (var key in object) {
-    if (!(key == "constructor" && (isProto || !hasOwnProperty$6.call(object, key)))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-function keysIn(object) {
-  return isArrayLike(object) ? arrayLikeKeys(object, true) : baseKeysIn(object);
-}
-var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, reIsPlainProp = /^\w*$/;
-function isKey(value, object) {
-  if (isArray$1(value)) {
-    return false;
-  }
-  var type = typeof value;
-  if (type == "number" || type == "symbol" || type == "boolean" || value == null || isSymbol(value)) {
-    return true;
-  }
-  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) || object != null && value in Object(object);
-}
-var nativeCreate = getNative(Object, "create");
-var nativeCreate$1 = nativeCreate;
-function hashClear() {
-  this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
-  this.size = 0;
-}
-function hashDelete(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
-}
-var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
-var objectProto$6 = Object.prototype;
-var hasOwnProperty$5 = objectProto$6.hasOwnProperty;
-function hashGet(key) {
-  var data = this.__data__;
-  if (nativeCreate$1) {
-    var result = data[key];
-    return result === HASH_UNDEFINED$2 ? void 0 : result;
-  }
-  return hasOwnProperty$5.call(data, key) ? data[key] : void 0;
-}
-var objectProto$5 = Object.prototype;
-var hasOwnProperty$4 = objectProto$5.hasOwnProperty;
-function hashHas(key) {
-  var data = this.__data__;
-  return nativeCreate$1 ? data[key] !== void 0 : hasOwnProperty$4.call(data, key);
-}
-var HASH_UNDEFINED$1 = "__lodash_hash_undefined__";
-function hashSet(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = nativeCreate$1 && value === void 0 ? HASH_UNDEFINED$1 : value;
-  return this;
-}
-function Hash(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
-    this.set(entry[0], entry[1]);
-  }
-}
-Hash.prototype.clear = hashClear;
-Hash.prototype["delete"] = hashDelete;
-Hash.prototype.get = hashGet;
-Hash.prototype.has = hashHas;
-Hash.prototype.set = hashSet;
-function listCacheClear() {
-  this.__data__ = [];
-  this.size = 0;
-}
-function assocIndexOf(array, key) {
-  var length = array.length;
-  while (length--) {
-    if (eq(array[length][0], key)) {
-      return length;
-    }
-  }
-  return -1;
-}
-var arrayProto = Array.prototype;
-var splice = arrayProto.splice;
-function listCacheDelete(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
-    return false;
-  }
-  var lastIndex = data.length - 1;
-  if (index2 == lastIndex) {
-    data.pop();
-  } else {
-    splice.call(data, index2, 1);
-  }
-  --this.size;
-  return true;
-}
-function listCacheGet(key) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  return index2 < 0 ? void 0 : data[index2][1];
-}
-function listCacheHas(key) {
-  return assocIndexOf(this.__data__, key) > -1;
-}
-function listCacheSet(key, value) {
-  var data = this.__data__, index2 = assocIndexOf(data, key);
-  if (index2 < 0) {
-    ++this.size;
-    data.push([key, value]);
-  } else {
-    data[index2][1] = value;
-  }
-  return this;
-}
-function ListCache(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
-    this.set(entry[0], entry[1]);
-  }
-}
-ListCache.prototype.clear = listCacheClear;
-ListCache.prototype["delete"] = listCacheDelete;
-ListCache.prototype.get = listCacheGet;
-ListCache.prototype.has = listCacheHas;
-ListCache.prototype.set = listCacheSet;
-var Map = getNative(root$1, "Map");
-var Map$1 = Map;
-function mapCacheClear() {
-  this.size = 0;
-  this.__data__ = {
-    "hash": new Hash(),
-    "map": new (Map$1 || ListCache)(),
-    "string": new Hash()
-  };
-}
-function isKeyable(value) {
-  var type = typeof value;
-  return type == "string" || type == "number" || type == "symbol" || type == "boolean" ? value !== "__proto__" : value === null;
-}
-function getMapData(map, key) {
-  var data = map.__data__;
-  return isKeyable(key) ? data[typeof key == "string" ? "string" : "hash"] : data.map;
-}
-function mapCacheDelete(key) {
-  var result = getMapData(this, key)["delete"](key);
-  this.size -= result ? 1 : 0;
-  return result;
-}
-function mapCacheGet(key) {
-  return getMapData(this, key).get(key);
-}
-function mapCacheHas(key) {
-  return getMapData(this, key).has(key);
-}
-function mapCacheSet(key, value) {
-  var data = getMapData(this, key), size = data.size;
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
-}
-function MapCache(entries) {
-  var index2 = -1, length = entries == null ? 0 : entries.length;
-  this.clear();
-  while (++index2 < length) {
-    var entry = entries[index2];
-    this.set(entry[0], entry[1]);
-  }
-}
-MapCache.prototype.clear = mapCacheClear;
-MapCache.prototype["delete"] = mapCacheDelete;
-MapCache.prototype.get = mapCacheGet;
-MapCache.prototype.has = mapCacheHas;
-MapCache.prototype.set = mapCacheSet;
-var FUNC_ERROR_TEXT$2 = "Expected a function";
-function memoize(func, resolver) {
-  if (typeof func != "function" || resolver != null && typeof resolver != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT$2);
-  }
-  var memoized = function() {
-    var args = arguments, key = resolver ? resolver.apply(this, args) : args[0], cache = memoized.cache;
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize.Cache || MapCache)();
-  return memoized;
-}
-memoize.Cache = MapCache;
-var MAX_MEMOIZE_SIZE = 500;
-function memoizeCapped(func) {
-  var result = memoize(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
-  var cache = result.cache;
-  return result;
-}
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-var reEscapeChar = /\\(\\)?/g;
-var stringToPath = memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46) {
-    result.push("");
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, "$1") : number || match);
-  });
-  return result;
-});
-var stringToPath$1 = stringToPath;
-function toString(value) {
-  return value == null ? "" : baseToString(value);
-}
-function castPath(value, object) {
-  if (isArray$1(value)) {
-    return value;
-  }
-  return isKey(value, object) ? [value] : stringToPath$1(toString(value));
-}
-var INFINITY = 1 / 0;
-function toKey(value) {
-  if (typeof value == "string" || isSymbol(value)) {
-    return value;
-  }
-  var result = value + "";
-  return result == "0" && 1 / value == -INFINITY ? "-0" : result;
-}
-function baseGet(object, path) {
-  path = castPath(path, object);
-  var index2 = 0, length = path.length;
-  while (object != null && index2 < length) {
-    object = object[toKey(path[index2++])];
-  }
-  return index2 && index2 == length ? object : void 0;
-}
-function arrayPush(array, values) {
-  var index2 = -1, length = values.length, offset = array.length;
-  while (++index2 < length) {
-    array[offset + index2] = values[index2];
-  }
-  return array;
-}
-var spreadableSymbol = Symbol$2 ? Symbol$2.isConcatSpreadable : void 0;
-function isFlattenable(value) {
-  return isArray$1(value) || isArguments$1(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
-}
-function baseFlatten(array, depth, predicate, isStrict, result) {
-  var index2 = -1, length = array.length;
-  predicate || (predicate = isFlattenable);
-  result || (result = []);
-  while (++index2 < length) {
-    var value = array[index2];
-    if (depth > 0 && predicate(value)) {
-      if (depth > 1) {
-        baseFlatten(value, depth - 1, predicate, isStrict, result);
-      } else {
-        arrayPush(result, value);
-      }
-    } else if (!isStrict) {
-      result[result.length] = value;
-    }
-  }
-  return result;
-}
-function flatten(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? baseFlatten(array, 1) : [];
-}
-function flatRest(func) {
-  return setToString$1(overRest(func, void 0, flatten), func + "");
-}
-var getPrototype = overArg(Object.getPrototypeOf, Object);
-var getPrototype$1 = getPrototype;
-var objectTag$3 = "[object Object]";
-var funcProto = Function.prototype, objectProto$4 = Object.prototype;
-var funcToString = funcProto.toString;
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
-var objectCtorString = funcToString.call(Object);
-function isPlainObject(value) {
-  if (!isObjectLike(value) || baseGetTag(value) != objectTag$3) {
-    return false;
-  }
-  var proto = getPrototype$1(value);
-  if (proto === null) {
-    return true;
-  }
-  var Ctor = hasOwnProperty$3.call(proto, "constructor") && proto.constructor;
-  return typeof Ctor == "function" && Ctor instanceof Ctor && funcToString.call(Ctor) == objectCtorString;
-}
-function baseSlice(array, start, end) {
-  var index2 = -1, length = array.length;
-  if (start < 0) {
-    start = -start > length ? 0 : length + start;
-  }
-  end = end > length ? length : end;
-  if (end < 0) {
-    end += length;
-  }
-  length = start > end ? 0 : end - start >>> 0;
-  start >>>= 0;
-  var result = Array(length);
-  while (++index2 < length) {
-    result[index2] = array[index2 + start];
-  }
-  return result;
-}
-function stackClear() {
-  this.__data__ = new ListCache();
-  this.size = 0;
-}
-function stackDelete(key) {
-  var data = this.__data__, result = data["delete"](key);
-  this.size = data.size;
-  return result;
-}
-function stackGet(key) {
-  return this.__data__.get(key);
-}
-function stackHas(key) {
-  return this.__data__.has(key);
-}
-var LARGE_ARRAY_SIZE = 200;
-function stackSet(key, value) {
-  var data = this.__data__;
-  if (data instanceof ListCache) {
-    var pairs = data.__data__;
-    if (!Map$1 || pairs.length < LARGE_ARRAY_SIZE - 1) {
-      pairs.push([key, value]);
-      this.size = ++data.size;
-      return this;
-    }
-    data = this.__data__ = new MapCache(pairs);
-  }
-  data.set(key, value);
-  this.size = data.size;
-  return this;
-}
-function Stack(entries) {
-  var data = this.__data__ = new ListCache(entries);
-  this.size = data.size;
-}
-Stack.prototype.clear = stackClear;
-Stack.prototype["delete"] = stackDelete;
-Stack.prototype.get = stackGet;
-Stack.prototype.has = stackHas;
-Stack.prototype.set = stackSet;
-function baseAssign(object, source) {
-  return object && copyObject(source, keys(source), object);
-}
-function baseAssignIn(object, source) {
-  return object && copyObject(source, keysIn(source), object);
-}
-var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
-var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
-var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer2 = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
-function cloneBuffer(buffer, isDeep) {
-  if (isDeep) {
-    return buffer.slice();
-  }
-  var length = buffer.length, result = allocUnsafe ? allocUnsafe(length) : new buffer.constructor(length);
-  buffer.copy(result);
-  return result;
-}
-function arrayFilter(array, predicate) {
-  var index2 = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
-  while (++index2 < length) {
-    var value = array[index2];
-    if (predicate(value, index2, array)) {
-      result[resIndex++] = value;
-    }
-  }
-  return result;
-}
-function stubArray() {
-  return [];
-}
-var objectProto$3 = Object.prototype;
-var propertyIsEnumerable = objectProto$3.propertyIsEnumerable;
-var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
-var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
-  if (object == null) {
-    return [];
-  }
-  object = Object(object);
-  return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
-    return propertyIsEnumerable.call(object, symbol);
-  });
-};
-var getSymbols$1 = getSymbols;
-function copySymbols(source, object) {
-  return copyObject(source, getSymbols$1(source), object);
-}
-var nativeGetSymbols = Object.getOwnPropertySymbols;
-var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
-  var result = [];
-  while (object) {
-    arrayPush(result, getSymbols$1(object));
-    object = getPrototype$1(object);
-  }
-  return result;
-};
-var getSymbolsIn$1 = getSymbolsIn;
-function copySymbolsIn(source, object) {
-  return copyObject(source, getSymbolsIn$1(source), object);
-}
-function baseGetAllKeys(object, keysFunc, symbolsFunc) {
-  var result = keysFunc(object);
-  return isArray$1(object) ? result : arrayPush(result, symbolsFunc(object));
-}
-function getAllKeys(object) {
-  return baseGetAllKeys(object, keys, getSymbols$1);
-}
-function getAllKeysIn(object) {
-  return baseGetAllKeys(object, keysIn, getSymbolsIn$1);
-}
-var DataView = getNative(root$1, "DataView");
-var DataView$1 = DataView;
-var Promise$1 = getNative(root$1, "Promise");
-var Promise$2 = Promise$1;
-var Set = getNative(root$1, "Set");
-var Set$1 = Set;
-var mapTag$4 = "[object Map]", objectTag$2 = "[object Object]", promiseTag = "[object Promise]", setTag$4 = "[object Set]", weakMapTag$1 = "[object WeakMap]";
-var dataViewTag$3 = "[object DataView]";
-var dataViewCtorString = toSource(DataView$1), mapCtorString = toSource(Map$1), promiseCtorString = toSource(Promise$2), setCtorString = toSource(Set$1), weakMapCtorString = toSource(WeakMap$1);
-var getTag = baseGetTag;
-if (DataView$1 && getTag(new DataView$1(new ArrayBuffer(1))) != dataViewTag$3 || Map$1 && getTag(new Map$1()) != mapTag$4 || Promise$2 && getTag(Promise$2.resolve()) != promiseTag || Set$1 && getTag(new Set$1()) != setTag$4 || WeakMap$1 && getTag(new WeakMap$1()) != weakMapTag$1) {
-  getTag = function(value) {
-    var result = baseGetTag(value), Ctor = result == objectTag$2 ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
-    if (ctorString) {
-      switch (ctorString) {
-        case dataViewCtorString:
-          return dataViewTag$3;
-        case mapCtorString:
-          return mapTag$4;
-        case promiseCtorString:
-          return promiseTag;
-        case setCtorString:
-          return setTag$4;
-        case weakMapCtorString:
-          return weakMapTag$1;
-      }
-    }
-    return result;
-  };
-}
-var getTag$1 = getTag;
-var objectProto$2 = Object.prototype;
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-function initCloneArray(array) {
-  var length = array.length, result = new array.constructor(length);
-  if (length && typeof array[0] == "string" && hasOwnProperty$2.call(array, "index")) {
-    result.index = array.index;
-    result.input = array.input;
-  }
-  return result;
-}
-var Uint8Array2 = root$1.Uint8Array;
-var Uint8Array$1 = Uint8Array2;
-function cloneArrayBuffer(arrayBuffer) {
-  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
-  return result;
-}
-function cloneDataView(dataView, isDeep) {
-  var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
-  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
-}
-var reFlags = /\w*$/;
-function cloneRegExp(regexp) {
-  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
-  result.lastIndex = regexp.lastIndex;
-  return result;
-}
-var symbolProto$1 = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf$1 = symbolProto$1 ? symbolProto$1.valueOf : void 0;
-function cloneSymbol(symbol) {
-  return symbolValueOf$1 ? Object(symbolValueOf$1.call(symbol)) : {};
-}
-function cloneTypedArray(typedArray, isDeep) {
-  var buffer = isDeep ? cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
-  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
-}
-var boolTag$2 = "[object Boolean]", dateTag$2 = "[object Date]", mapTag$3 = "[object Map]", numberTag$2 = "[object Number]", regexpTag$2 = "[object RegExp]", setTag$3 = "[object Set]", stringTag$2 = "[object String]", symbolTag$2 = "[object Symbol]";
-var arrayBufferTag$2 = "[object ArrayBuffer]", dataViewTag$2 = "[object DataView]", float32Tag$1 = "[object Float32Array]", float64Tag$1 = "[object Float64Array]", int8Tag$1 = "[object Int8Array]", int16Tag$1 = "[object Int16Array]", int32Tag$1 = "[object Int32Array]", uint8Tag$1 = "[object Uint8Array]", uint8ClampedTag$1 = "[object Uint8ClampedArray]", uint16Tag$1 = "[object Uint16Array]", uint32Tag$1 = "[object Uint32Array]";
-function initCloneByTag(object, tag, isDeep) {
-  var Ctor = object.constructor;
-  switch (tag) {
-    case arrayBufferTag$2:
-      return cloneArrayBuffer(object);
-    case boolTag$2:
-    case dateTag$2:
-      return new Ctor(+object);
-    case dataViewTag$2:
-      return cloneDataView(object, isDeep);
-    case float32Tag$1:
-    case float64Tag$1:
-    case int8Tag$1:
-    case int16Tag$1:
-    case int32Tag$1:
-    case uint8Tag$1:
-    case uint8ClampedTag$1:
-    case uint16Tag$1:
-    case uint32Tag$1:
-      return cloneTypedArray(object, isDeep);
-    case mapTag$3:
-      return new Ctor();
-    case numberTag$2:
-    case stringTag$2:
-      return new Ctor(object);
-    case regexpTag$2:
-      return cloneRegExp(object);
-    case setTag$3:
-      return new Ctor();
-    case symbolTag$2:
-      return cloneSymbol(object);
-  }
-}
-function initCloneObject(object) {
-  return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate$1(getPrototype$1(object)) : {};
-}
-var mapTag$2 = "[object Map]";
-function baseIsMap(value) {
-  return isObjectLike(value) && getTag$1(value) == mapTag$2;
-}
-var nodeIsMap = nodeUtil$1 && nodeUtil$1.isMap;
-var isMap = nodeIsMap ? baseUnary(nodeIsMap) : baseIsMap;
-var isMap$1 = isMap;
-var setTag$2 = "[object Set]";
-function baseIsSet(value) {
-  return isObjectLike(value) && getTag$1(value) == setTag$2;
-}
-var nodeIsSet = nodeUtil$1 && nodeUtil$1.isSet;
-var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
-var isSet$1 = isSet;
-var CLONE_DEEP_FLAG$2 = 1, CLONE_FLAT_FLAG$1 = 2, CLONE_SYMBOLS_FLAG$2 = 4;
-var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", boolTag$1 = "[object Boolean]", dateTag$1 = "[object Date]", errorTag$1 = "[object Error]", funcTag = "[object Function]", genTag = "[object GeneratorFunction]", mapTag$1 = "[object Map]", numberTag$1 = "[object Number]", objectTag$1 = "[object Object]", regexpTag$1 = "[object RegExp]", setTag$1 = "[object Set]", stringTag$1 = "[object String]", symbolTag$1 = "[object Symbol]", weakMapTag = "[object WeakMap]";
-var arrayBufferTag$1 = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
-var cloneableTags = {};
-cloneableTags[argsTag$1] = cloneableTags[arrayTag$1] = cloneableTags[arrayBufferTag$1] = cloneableTags[dataViewTag$1] = cloneableTags[boolTag$1] = cloneableTags[dateTag$1] = cloneableTags[float32Tag] = cloneableTags[float64Tag] = cloneableTags[int8Tag] = cloneableTags[int16Tag] = cloneableTags[int32Tag] = cloneableTags[mapTag$1] = cloneableTags[numberTag$1] = cloneableTags[objectTag$1] = cloneableTags[regexpTag$1] = cloneableTags[setTag$1] = cloneableTags[stringTag$1] = cloneableTags[symbolTag$1] = cloneableTags[uint8Tag] = cloneableTags[uint8ClampedTag] = cloneableTags[uint16Tag] = cloneableTags[uint32Tag] = true;
-cloneableTags[errorTag$1] = cloneableTags[funcTag] = cloneableTags[weakMapTag] = false;
-function baseClone(value, bitmask, customizer, key, object, stack) {
-  var result, isDeep = bitmask & CLONE_DEEP_FLAG$2, isFlat = bitmask & CLONE_FLAT_FLAG$1, isFull = bitmask & CLONE_SYMBOLS_FLAG$2;
-  if (customizer) {
-    result = object ? customizer(value, key, object, stack) : customizer(value);
-  }
-  if (result !== void 0) {
-    return result;
-  }
-  if (!isObject(value)) {
-    return value;
-  }
-  var isArr = isArray$1(value);
-  if (isArr) {
-    result = initCloneArray(value);
-    if (!isDeep) {
-      return copyArray(value, result);
-    }
-  } else {
-    var tag = getTag$1(value), isFunc = tag == funcTag || tag == genTag;
-    if (isBuffer$1(value)) {
-      return cloneBuffer(value, isDeep);
-    }
-    if (tag == objectTag$1 || tag == argsTag$1 || isFunc && !object) {
-      result = isFlat || isFunc ? {} : initCloneObject(value);
-      if (!isDeep) {
-        return isFlat ? copySymbolsIn(value, baseAssignIn(result, value)) : copySymbols(value, baseAssign(result, value));
-      }
-    } else {
-      if (!cloneableTags[tag]) {
-        return object ? value : {};
-      }
-      result = initCloneByTag(value, tag, isDeep);
-    }
-  }
-  stack || (stack = new Stack());
-  var stacked = stack.get(value);
-  if (stacked) {
-    return stacked;
-  }
-  stack.set(value, result);
-  if (isSet$1(value)) {
-    value.forEach(function(subValue) {
-      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
-    });
-  } else if (isMap$1(value)) {
-    value.forEach(function(subValue, key2) {
-      result.set(key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
-    });
-  }
-  var keysFunc = isFull ? isFlat ? getAllKeysIn : getAllKeys : isFlat ? keysIn : keys;
-  var props = isArr ? void 0 : keysFunc(value);
-  arrayEach(props || value, function(subValue, key2) {
-    if (props) {
-      key2 = subValue;
-      subValue = value[key2];
-    }
-    assignValue(result, key2, baseClone(subValue, bitmask, customizer, key2, value, stack));
-  });
-  return result;
-}
-var CLONE_DEEP_FLAG$1 = 1, CLONE_SYMBOLS_FLAG$1 = 4;
-function cloneDeep(value) {
-  return baseClone(value, CLONE_DEEP_FLAG$1 | CLONE_SYMBOLS_FLAG$1);
-}
-var HASH_UNDEFINED = "__lodash_hash_undefined__";
-function setCacheAdd(value) {
-  this.__data__.set(value, HASH_UNDEFINED);
-  return this;
-}
-function setCacheHas(value) {
-  return this.__data__.has(value);
-}
-function SetCache(values) {
-  var index2 = -1, length = values == null ? 0 : values.length;
-  this.__data__ = new MapCache();
-  while (++index2 < length) {
-    this.add(values[index2]);
-  }
-}
-SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
-SetCache.prototype.has = setCacheHas;
-function arraySome(array, predicate) {
-  var index2 = -1, length = array == null ? 0 : array.length;
-  while (++index2 < length) {
-    if (predicate(array[index2], index2, array)) {
-      return true;
-    }
-  }
-  return false;
-}
-function cacheHas(cache, key) {
-  return cache.has(key);
-}
-var COMPARE_PARTIAL_FLAG$3 = 1, COMPARE_UNORDERED_FLAG$1 = 2;
-function equalArrays(array, other, bitmask, customizer, equalFunc, stack) {
-  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$3, arrLength = array.length, othLength = other.length;
-  if (arrLength != othLength && !(isPartial && othLength > arrLength)) {
-    return false;
-  }
-  var arrStacked = stack.get(array);
-  var othStacked = stack.get(other);
-  if (arrStacked && othStacked) {
-    return arrStacked == other && othStacked == array;
-  }
-  var index2 = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache() : void 0;
-  stack.set(array, other);
-  stack.set(other, array);
-  while (++index2 < arrLength) {
-    var arrValue = array[index2], othValue = other[index2];
-    if (customizer) {
-      var compared = isPartial ? customizer(othValue, arrValue, index2, other, array, stack) : customizer(arrValue, othValue, index2, array, other, stack);
-    }
-    if (compared !== void 0) {
-      if (compared) {
-        continue;
-      }
-      result = false;
-      break;
-    }
-    if (seen) {
-      if (!arraySome(other, function(othValue2, othIndex) {
-        if (!cacheHas(seen, othIndex) && (arrValue === othValue2 || equalFunc(arrValue, othValue2, bitmask, customizer, stack))) {
-          return seen.push(othIndex);
-        }
-      })) {
-        result = false;
-        break;
-      }
-    } else if (!(arrValue === othValue || equalFunc(arrValue, othValue, bitmask, customizer, stack))) {
-      result = false;
-      break;
-    }
-  }
-  stack["delete"](array);
-  stack["delete"](other);
-  return result;
-}
-function mapToArray(map) {
-  var index2 = -1, result = Array(map.size);
-  map.forEach(function(value, key) {
-    result[++index2] = [key, value];
-  });
-  return result;
-}
-function setToArray(set) {
-  var index2 = -1, result = Array(set.size);
-  set.forEach(function(value) {
-    result[++index2] = value;
-  });
-  return result;
-}
-var COMPARE_PARTIAL_FLAG$2 = 1, COMPARE_UNORDERED_FLAG = 2;
-var boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", mapTag = "[object Map]", numberTag = "[object Number]", regexpTag = "[object RegExp]", setTag = "[object Set]", stringTag = "[object String]", symbolTag = "[object Symbol]";
-var arrayBufferTag = "[object ArrayBuffer]", dataViewTag = "[object DataView]";
-var symbolProto = Symbol$2 ? Symbol$2.prototype : void 0, symbolValueOf = symbolProto ? symbolProto.valueOf : void 0;
-function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
-  switch (tag) {
-    case dataViewTag:
-      if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
-        return false;
-      }
-      object = object.buffer;
-      other = other.buffer;
-    case arrayBufferTag:
-      if (object.byteLength != other.byteLength || !equalFunc(new Uint8Array$1(object), new Uint8Array$1(other))) {
-        return false;
-      }
-      return true;
-    case boolTag:
-    case dateTag:
-    case numberTag:
-      return eq(+object, +other);
-    case errorTag:
-      return object.name == other.name && object.message == other.message;
-    case regexpTag:
-    case stringTag:
-      return object == other + "";
-    case mapTag:
-      var convert = mapToArray;
-    case setTag:
-      var isPartial = bitmask & COMPARE_PARTIAL_FLAG$2;
-      convert || (convert = setToArray);
-      if (object.size != other.size && !isPartial) {
-        return false;
-      }
-      var stacked = stack.get(object);
-      if (stacked) {
-        return stacked == other;
-      }
-      bitmask |= COMPARE_UNORDERED_FLAG;
-      stack.set(object, other);
-      var result = equalArrays(convert(object), convert(other), bitmask, customizer, equalFunc, stack);
-      stack["delete"](object);
-      return result;
-    case symbolTag:
-      if (symbolValueOf) {
-        return symbolValueOf.call(object) == symbolValueOf.call(other);
-      }
-  }
-  return false;
-}
-var COMPARE_PARTIAL_FLAG$1 = 1;
-var objectProto$1 = Object.prototype;
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-function equalObjects(object, other, bitmask, customizer, equalFunc, stack) {
-  var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys(object), objLength = objProps.length, othProps = getAllKeys(other), othLength = othProps.length;
-  if (objLength != othLength && !isPartial) {
-    return false;
-  }
-  var index2 = objLength;
-  while (index2--) {
-    var key = objProps[index2];
-    if (!(isPartial ? key in other : hasOwnProperty$1.call(other, key))) {
-      return false;
-    }
-  }
-  var objStacked = stack.get(object);
-  var othStacked = stack.get(other);
-  if (objStacked && othStacked) {
-    return objStacked == other && othStacked == object;
-  }
-  var result = true;
-  stack.set(object, other);
-  stack.set(other, object);
-  var skipCtor = isPartial;
-  while (++index2 < objLength) {
-    key = objProps[index2];
-    var objValue = object[key], othValue = other[key];
-    if (customizer) {
-      var compared = isPartial ? customizer(othValue, objValue, key, other, object, stack) : customizer(objValue, othValue, key, object, other, stack);
-    }
-    if (!(compared === void 0 ? objValue === othValue || equalFunc(objValue, othValue, bitmask, customizer, stack) : compared)) {
-      result = false;
-      break;
-    }
-    skipCtor || (skipCtor = key == "constructor");
-  }
-  if (result && !skipCtor) {
-    var objCtor = object.constructor, othCtor = other.constructor;
-    if (objCtor != othCtor && ("constructor" in object && "constructor" in other) && !(typeof objCtor == "function" && objCtor instanceof objCtor && typeof othCtor == "function" && othCtor instanceof othCtor)) {
-      result = false;
-    }
-  }
-  stack["delete"](object);
-  stack["delete"](other);
-  return result;
-}
-var COMPARE_PARTIAL_FLAG = 1;
-var argsTag = "[object Arguments]", arrayTag = "[object Array]", objectTag = "[object Object]";
-var objectProto = Object.prototype;
-var hasOwnProperty = objectProto.hasOwnProperty;
-function baseIsEqualDeep(object, other, bitmask, customizer, equalFunc, stack) {
-  var objIsArr = isArray$1(object), othIsArr = isArray$1(other), objTag = objIsArr ? arrayTag : getTag$1(object), othTag = othIsArr ? arrayTag : getTag$1(other);
-  objTag = objTag == argsTag ? objectTag : objTag;
-  othTag = othTag == argsTag ? objectTag : othTag;
-  var objIsObj = objTag == objectTag, othIsObj = othTag == objectTag, isSameTag = objTag == othTag;
-  if (isSameTag && isBuffer$1(object)) {
-    if (!isBuffer$1(other)) {
-      return false;
-    }
-    objIsArr = true;
-    objIsObj = false;
-  }
-  if (isSameTag && !objIsObj) {
-    stack || (stack = new Stack());
-    return objIsArr || isTypedArray$1(object) ? equalArrays(object, other, bitmask, customizer, equalFunc, stack) : equalByTag(object, other, objTag, bitmask, customizer, equalFunc, stack);
-  }
-  if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
-    var objIsWrapped = objIsObj && hasOwnProperty.call(object, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty.call(other, "__wrapped__");
-    if (objIsWrapped || othIsWrapped) {
-      var objUnwrapped = objIsWrapped ? object.value() : object, othUnwrapped = othIsWrapped ? other.value() : other;
-      stack || (stack = new Stack());
-      return equalFunc(objUnwrapped, othUnwrapped, bitmask, customizer, stack);
-    }
-  }
-  if (!isSameTag) {
-    return false;
-  }
-  stack || (stack = new Stack());
-  return equalObjects(object, other, bitmask, customizer, equalFunc, stack);
-}
-function baseIsEqual(value, other, bitmask, customizer, stack) {
-  if (value === other) {
-    return true;
-  }
-  if (value == null || other == null || !isObjectLike(value) && !isObjectLike(other)) {
-    return value !== value && other !== other;
-  }
-  return baseIsEqualDeep(value, other, bitmask, customizer, baseIsEqual, stack);
-}
-function createBaseFor(fromRight) {
-  return function(object, iteratee, keysFunc) {
-    var index2 = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
-    while (length--) {
-      var key = props[fromRight ? length : ++index2];
-      if (iteratee(iterable[key], key, iterable) === false) {
-        break;
-      }
-    }
-    return object;
-  };
-}
-var baseFor = createBaseFor();
-var baseFor$1 = baseFor;
-var now = function() {
-  return root$1.Date.now();
-};
-var now$1 = now;
-var FUNC_ERROR_TEXT$1 = "Expected a function";
-var nativeMax = Math.max, nativeMin = Math.min;
-function debounce(func, wait, options) {
-  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT$1);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = "maxWait" in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs, thisArg = lastThis;
-    lastArgs = lastThis = void 0;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now$1();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = void 0;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = void 0;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = void 0;
-  }
-  function flush() {
-    return timerId === void 0 ? result : trailingEdge(now$1());
-  }
-  function debounced() {
-    var time = now$1(), isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === void 0) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-function assignMergeValue(object, key, value) {
-  if (value !== void 0 && !eq(object[key], value) || value === void 0 && !(key in object)) {
-    baseAssignValue(object, key, value);
-  }
-}
-function isArrayLikeObject(value) {
-  return isObjectLike(value) && isArrayLike(value);
-}
-function safeGet(object, key) {
-  if (key === "constructor" && typeof object[key] === "function") {
-    return;
-  }
-  if (key == "__proto__") {
-    return;
-  }
-  return object[key];
-}
-function toPlainObject(value) {
-  return copyObject(value, keysIn(value));
-}
-function baseMergeDeep(object, source, key, srcIndex, mergeFunc, customizer, stack) {
-  var objValue = safeGet(object, key), srcValue = safeGet(source, key), stacked = stack.get(srcValue);
-  if (stacked) {
-    assignMergeValue(object, key, stacked);
-    return;
-  }
-  var newValue = customizer ? customizer(objValue, srcValue, key + "", object, source, stack) : void 0;
-  var isCommon = newValue === void 0;
-  if (isCommon) {
-    var isArr = isArray$1(srcValue), isBuff = !isArr && isBuffer$1(srcValue), isTyped = !isArr && !isBuff && isTypedArray$1(srcValue);
-    newValue = srcValue;
-    if (isArr || isBuff || isTyped) {
-      if (isArray$1(objValue)) {
-        newValue = objValue;
-      } else if (isArrayLikeObject(objValue)) {
-        newValue = copyArray(objValue);
-      } else if (isBuff) {
-        isCommon = false;
-        newValue = cloneBuffer(srcValue, true);
-      } else if (isTyped) {
-        isCommon = false;
-        newValue = cloneTypedArray(srcValue, true);
-      } else {
-        newValue = [];
-      }
-    } else if (isPlainObject(srcValue) || isArguments$1(srcValue)) {
-      newValue = objValue;
-      if (isArguments$1(objValue)) {
-        newValue = toPlainObject(objValue);
-      } else if (!isObject(objValue) || isFunction(objValue)) {
-        newValue = initCloneObject(srcValue);
-      }
-    } else {
-      isCommon = false;
-    }
-  }
-  if (isCommon) {
-    stack.set(srcValue, newValue);
-    mergeFunc(newValue, srcValue, srcIndex, customizer, stack);
-    stack["delete"](srcValue);
-  }
-  assignMergeValue(object, key, newValue);
-}
-function baseMerge(object, source, srcIndex, customizer, stack) {
-  if (object === source) {
-    return;
-  }
-  baseFor$1(source, function(srcValue, key) {
-    stack || (stack = new Stack());
-    if (isObject(srcValue)) {
-      baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
-    } else {
-      var newValue = customizer ? customizer(safeGet(object, key), srcValue, key + "", object, source, stack) : void 0;
-      if (newValue === void 0) {
-        newValue = srcValue;
-      }
-      assignMergeValue(object, key, newValue);
-    }
-  }, keysIn);
-}
-function last(array) {
-  var length = array == null ? 0 : array.length;
-  return length ? array[length - 1] : void 0;
-}
-function parent(object, path) {
-  return path.length < 2 ? object : baseGet(object, baseSlice(path, 0, -1));
-}
-function isEqual(value, other) {
-  return baseIsEqual(value, other);
-}
-var merge = createAssigner(function(object, source, srcIndex) {
-  baseMerge(object, source, srcIndex);
-});
-var merge$1 = merge;
-function baseUnset(object, path) {
-  path = castPath(path, object);
-  object = parent(object, path);
-  return object == null || delete object[toKey(last(path))];
-}
-function customOmitClone(value) {
-  return isPlainObject(value) ? void 0 : value;
-}
-var CLONE_DEEP_FLAG = 1, CLONE_FLAT_FLAG = 2, CLONE_SYMBOLS_FLAG = 4;
-var omit = flatRest(function(object, paths) {
-  var result = {};
-  if (object == null) {
-    return result;
-  }
-  var isDeep = false;
-  paths = arrayMap(paths, function(path) {
-    path = castPath(path, object);
-    isDeep || (isDeep = path.length > 1);
-    return path;
-  });
-  copyObject(object, getAllKeysIn(object), result);
-  if (isDeep) {
-    result = baseClone(result, CLONE_DEEP_FLAG | CLONE_FLAT_FLAG | CLONE_SYMBOLS_FLAG, customOmitClone);
-  }
-  var length = paths.length;
-  while (length--) {
-    baseUnset(result, paths[length]);
+      success: "right-o",
+      warning: "warning-o",
+      error: "error-o"
+    };
+    return () => createVNode("span", {
+      "class": classes.value
+    }, [type.value !== "normal" && createVNode(Icon, {
+      "name": severityIconMap[type.value],
+      "size": "16px"
+    }, null)]);
   }
-  return result;
 });
-var omit$1 = omit;
-var FUNC_ERROR_TEXT = "Expected a function";
-function throttle(func, wait, options) {
-  var leading = true, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = "leading" in options ? !!options.leading : leading;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    "leading": leading,
-    "maxWait": wait,
-    "trailing": trailing
-  });
-}
-function useToastConstant() {
-  const ANIMATION_NAME2 = "slide-in";
-  const ANIMATION_TIME2 = 300;
-  const ID_PREFIX2 = "toast-message";
-  return {
-    ANIMATION_TIME: ANIMATION_TIME2,
-    ANIMATION_NAME: ANIMATION_NAME2,
-    ID_PREFIX: ID_PREFIX2
-  };
-}
-const { ANIMATION_TIME: ANIMATION_TIME$1 } = useToastConstant();
-function useToastEvent() {
-  const ctx = getCurrentInstance();
-  function onCloseEvent(msg) {
-    ctx.emit("closeEvent", msg);
-  }
-  function onValueChange(msgs) {
-    ctx.emit("valueChange", msgs);
-  }
-  function onHidden() {
-    setTimeout(() => {
-      var _a, _b;
-      return (_b = (_a = ctx.attrs).onHidden) == null ? void 0 : _b.call(_a);
-    }, ANIMATION_TIME$1);
-  }
-  return { onCloseEvent, onValueChange, onHidden };
-}
-function useToastHelper() {
-  function severityDelay(msg) {
-    switch (msg.severity) {
-      case "warn":
-      case "error":
-        return 1e4;
-      default:
-        return 5e3;
+function useNotification(props) {
+  const classes = computed(() => ({
+    "devui-notification-item-container": true,
+    [`devui-notification-message-${props.type}`]: true
+  }));
+  return { classes };
+}
+function useEvent(props, emit) {
+  let timer = null;
+  let timestamp;
+  const close2 = () => {
+    var _a;
+    clearTimeout(timer);
+    timer = null;
+    (_a = props.onClose) == null ? void 0 : _a.call(props);
+    emit("update:modelValue", false);
+  };
+  const interrupt = () => {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  };
+  const removeReset = () => {
+    if (!props.modelValue) {
+      const remainTime = props.duration - (Date.now() - timestamp);
+      timer = setTimeout(close2, remainTime);
+    }
+  };
+  const handleDestroy = () => {
+    emit("destroy");
+  };
+  watch(() => props.modelValue, (val) => {
+    if (val) {
+      timestamp = Date.now();
+      if (props.duration) {
+        timer = setTimeout(close2, props.duration);
+      }
     }
-  }
-  return { severityDelay };
-}
-let toastZIndex = 1060;
-function toastIncrease() {
-  toastZIndex++;
-}
-const {
-  ANIMATION_NAME,
-  ANIMATION_TIME,
-  ID_PREFIX
-} = useToastConstant();
-var Toast = defineComponent({
-  name: "DToast",
-  inheritAttrs: false,
-  props: toastProps,
-  emits: ["closeEvent", "valueChange"],
-  setup(props, ctx) {
+  });
+  return { interrupt, removeReset, close: close2, handleDestroy };
+}
+var notification = "";
+var Notification = defineComponent({
+  name: "DNotification",
+  props: notificationProps,
+  emits: ["update:modelValue", "destroy"],
+  setup(props, {
+    emit,
+    slots
+  }) {
     const {
-      onCloseEvent,
-      onHidden,
-      onValueChange
-    } = useToastEvent();
+      modelValue,
+      title,
+      type
+    } = toRefs(props);
     const {
-      severityDelay
-    } = useToastHelper();
-    const removeThrottle = throttle(remove, ANIMATION_TIME);
-    const messages = ref([]);
-    const msgAnimations = ref([]);
-    const containerRef = ref();
-    const msgItemRefs = ref([]);
-    let timestamp = Date.now();
-    let timeout;
-    const timeoutArr = [];
-    const defaultLife = computed(() => {
-      if (props.life !== null)
-        return props.life;
-      if (messages.value.length > 0)
-        return severityDelay(messages.value[0]);
-      return 5e3;
-    });
-    watch(() => props.value, (value) => {
-      if (value.length === 0)
-        return;
-      if (hasMsgAnimation()) {
-        initValue();
-      }
-      nextTick(() => {
-        initValue(value);
-        handleValueChange();
-      });
+      classes
+    } = useNotification(props);
+    const {
+      interrupt,
+      removeReset,
+      close: close2,
+      handleDestroy
+    } = useEvent(props, emit);
+    return () => createVNode(Transition, {
+      "name": "notification-fade",
+      "onAfterLeave": handleDestroy
     }, {
-      deep: true,
-      immediate: true
-    });
-    watch(messages, (value) => {
-      value.length === 0 && msgAnimations.value.length > 0 && (msgAnimations.value = []);
-    });
-    watch(msgAnimations, (value, oldValue) => {
-      oldValue.length > 0 && value.length === 0 && onHidden();
-    });
-    onUnmounted(() => {
-      if (props.sticky) {
-        return;
-      }
-      if (props.lifeMode === "single") {
-        timeoutArr.forEach((t) => t && clearTimeout(t));
-      } else {
-        clearTimeout(timeout);
+      default: () => {
+        var _a;
+        return [modelValue.value && createVNode("div", {
+          "class": "devui-notification"
+        }, [createVNode("div", {
+          "class": classes.value,
+          "onMouseenter": interrupt,
+          "onMouseleave": removeReset
+        }, [createVNode("div", {
+          "class": "devui-notification-item"
+        }, [createVNode(Close, {
+          "onClick": close2
+        }, null), title.value && createVNode(TypeIcon, {
+          "type": type.value
+        }, null), createVNode("div", {
+          "class": "devui-notification-message"
+        }, [createVNode("span", {
+          "class": "devui-notification-title"
+        }, [title.value]), createVNode("span", {
+          "class": "devui-notification-content"
+        }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])])])])])];
       }
     });
-    function initValue(value = []) {
-      const cloneValue = cloneDeep(value);
-      messages.value = cloneValue.map((v, i) => merge$1(v, {
-        id: `${ID_PREFIX}-${i}`
-      }));
-      msgAnimations.value = [];
-    }
-    function handleValueChange() {
-      toastIncrease();
-      setTimeout(() => {
-        messages.value.forEach((msg) => msgAnimations.value.push(msg));
-      }, 0);
-      if (props.sticky)
-        return;
-      if (timeout) {
-        timeout = clearTimeout(timeout);
-      }
-      if (timeoutArr.length > 0) {
-        timeoutArr.splice(0).forEach((t) => clearTimeout(t));
-      }
-      timestamp = Date.now();
-      if (props.lifeMode === "single") {
-        setTimeout(() => {
-          messages.value.forEach((msg, i) => {
-            timeoutArr[i] = setTimeout(() => singleModeRemove(msg, i), msg.life || severityDelay(msg));
-          });
-        });
-      } else {
-        timeout = setTimeout(() => removeAll(), defaultLife.value);
-      }
-    }
-    function singleModeRemove(msg, i) {
-      removeMsgAnimation(msg);
-      setTimeout(() => {
-        onCloseEvent(msg);
-        if (hasMsgAnimation()) {
-          messages.value.splice(i, 1);
-        } else {
-          messages.value = [];
-        }
-        onValueChange(messages.value);
-      }, ANIMATION_TIME);
-    }
-    function interrupt(i) {
-      if (!msgAnimations.value.includes(messages.value[i]))
-        return;
-      if (props.lifeMode === "single") {
-        if (timeoutArr[i]) {
-          timeoutArr[i] = clearTimeout(timeoutArr[i]);
-        }
-      } else {
-        resetDelay(() => {
-          messages.value.forEach((msg, _i) => i !== _i && removeMsgAnimation(msg));
-        });
-      }
-    }
-    function resetDelay(fn) {
-      if (!props.sticky && timeout) {
-        timeout = clearTimeout(timeout);
-        const remainTime = defaultLife.value - (Date.now() - timestamp);
-        timeout = setTimeout(() => fn(), remainTime);
-      }
-    }
-    function remove(i) {
-      if (props.lifeMode === "single" && timeoutArr[i]) {
-        timeoutArr[i] = clearTimeout(timeoutArr[i]);
-        timeoutArr.splice(i, 1);
-      }
-      removeMsgAnimation(messages.value[i]);
-      setTimeout(() => {
-        onCloseEvent(messages.value[i]);
-        messages.value.splice(i, 1);
-        onValueChange(messages.value);
-        if (props.lifeMode === "global") {
-          removeReset();
-        }
-      }, ANIMATION_TIME);
-    }
-    function removeAll() {
-      if (messages.value.length > 0) {
-        msgAnimations.value = [];
-        setTimeout(() => {
-          messages.value.forEach((msg) => onCloseEvent(msg));
-          messages.value = [];
-          onValueChange(messages.value);
-        }, ANIMATION_TIME);
-      }
-    }
-    function removeReset(i, msg) {
-      const removed = messages.value.findIndex((_msg) => _msg === msg) === -1;
-      if (removed || msg !== void 0 && !msgAnimations.value.includes(msg)) {
-        return;
-      }
-      if (props.lifeMode === "single") {
-        const msgLife = msg.life || severityDelay(msg);
-        const remainTime = msgLife - (Date.now() - timestamp);
-        timeoutArr[i] = setTimeout(() => singleModeRemove(msg, i), remainTime);
-      } else {
-        resetDelay(() => removeAll());
-      }
-    }
-    function removeIndexThrottle(i) {
-      if (i < msgItemRefs.value.length && i > -1) {
-        removeThrottle(i);
-      }
-    }
-    function removeMsgThrottle(msg) {
-      const ignoreDiffKeys = ["id"];
-      const index2 = messages.value.findIndex((_msg) => isEqual(omit$1(_msg, ignoreDiffKeys), omit$1(msg, ignoreDiffKeys)));
-      removeIndexThrottle(index2);
-    }
-    function removeMsgAnimation(msg) {
-      msgAnimations.value = msgAnimations.value.filter((_msg) => _msg !== msg);
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const defaultOptions = {
+  modelValue: false,
+  duration: 3e3,
+  type: "normal"
+};
+function initInstance(props, content) {
+  const container = document.createElement("div");
+  const app = createApp({
+    setup() {
+      onUnmounted(() => {
+        document.body.removeChild(container);
+      });
+      return () => createVNode(Notification, mergeProps(props, {
+        "onDestroy": app.unmount
+      }), _isSlot(content) ? content : {
+        default: () => [content]
+      });
     }
-    function close(params) {
-      if (params === void 0) {
-        return removeAll();
-      }
-      if (typeof params === "number") {
-        removeIndexThrottle(params);
-      } else {
-        removeMsgThrottle(params);
+  });
+  document.body.appendChild(container);
+  app.mount(container);
+  return app;
+}
+function close(props, originOnClose) {
+  props.modelValue = false;
+  originOnClose == null ? void 0 : originOnClose();
+}
+class NotificationService {
+  static open(options) {
+    const originOnClose = options.onClose || null;
+    const content = options.content;
+    let timer;
+    delete options.content;
+    const props = reactive(__spreadProps(__spreadValues(__spreadValues({}, defaultOptions), options), {
+      onClose: () => {
+        close(props, originOnClose);
       }
+    }));
+    initInstance(props, content);
+    props.modelValue = true;
+    clearTimeout(timer);
+    if (options.duration) {
+      timer = setTimeout(props.onClose, options.duration);
     }
-    function msgItemRef(i) {
-      return msgItemRefs.value[i];
-    }
-    function hasMsgAnimation() {
-      return msgAnimations.value.length > 0;
-    }
-    return {
-      messages,
-      msgAnimations,
-      containerRef,
-      msgItemRefs,
-      interrupt,
-      removeReset,
-      removeThrottle,
-      close,
-      msgItemRef
-    };
-  },
-  render() {
-    const {
-      style: extraStyle,
-      styleClass: extraClass,
-      messages,
-      msgAnimations,
-      msgItemRefs,
-      life,
-      interrupt,
-      removeReset,
-      removeThrottle,
-      $attrs,
-      $slots
-    } = this;
-    const prefixCls = "devui-toast";
-    const wrapperStyles = [`z-index: ${toastZIndex}`, extraStyle];
-    const wrapperCls = [prefixCls, extraClass];
-    const msgCls = (msg) => [`${prefixCls}-item-container`, `${prefixCls}-message-${msg.severity}`, {
-      [ANIMATION_NAME]: msgAnimations.includes(msg)
-    }];
-    const showClose = (msg) => !(!msg.summary && life !== null);
-    const showImage = (msg) => msg.severity !== "common";
-    const showSummary = (msg) => !!msg.summary;
-    const showContent = (msg) => !!msg.content;
-    const showDetail = (msg) => !showContent(msg) && !!msg.detail;
-    const msgContent = (msg) => {
-      var _a;
-      if (typeof msg.content === "function") {
-        return msg.content(msg);
-      }
-      if ([null, void 0].includes(msg.content)) {
-        return null;
-      }
-      const slotPrefix = "slot:";
-      const isSlot = String(msg.content).startsWith(slotPrefix);
-      if (isSlot) {
-        return (_a = $slots[msg.content.slice(slotPrefix.length)]) == null ? void 0 : _a.call($slots, msg);
-      }
-      return msg.content;
-    };
-    return createVNode("div", mergeProps({
-      "ref": "containerRef",
-      "style": wrapperStyles,
-      "class": wrapperCls
-    }, $attrs), [messages.map((msg, i) => createVNode("div", {
-      "ref": (el) => msgItemRefs[i] = el,
-      "key": msg.id,
-      "class": msgCls(msg),
-      "aria-live": "polite",
-      "onMouseenter": () => interrupt(i),
-      "onMouseleave": () => removeReset(i, msg)
-    }, [createVNode("div", {
-      "class": `${prefixCls}-item`
-    }, [showClose(msg) ? createVNode(ToastIconClose, {
-      "prefixCls": prefixCls,
-      "onClick": () => removeThrottle(i)
-    }, null) : null, showImage(msg) ? createVNode(ToastImage, {
-      "prefixCls": prefixCls,
-      "severity": msg.severity
-    }, null) : null, createVNode("div", {
-      "class": "devui-toast-message"
-    }, [showSummary(msg) ? createVNode("span", {
-      "class": "devui-toast-title"
-    }, [msg.summary]) : null, showContent(msg) ? msgContent(msg) : null, showDetail(msg) ? createVNode("p", {
-      "innerHTML": msg.detail
-    }, null) : null])])]))]);
   }
-});
-function createToastApp(props) {
-  return createApp(Toast, props);
 }
-class ToastService {
-  static open(props) {
-    let $body = document.body;
-    let $div = document.createElement("div");
-    $body.appendChild($div);
-    let app = createToastApp(__spreadProps(__spreadValues({}, props != null ? props : {}), { onHidden: () => app == null ? void 0 : app.unmount() }));
-    let toastInstance = app.mount($div);
-    onUnmounted(() => {
-      $body.removeChild($div);
-      $body = null;
-      $div = null;
-      app = null;
-      toastInstance = null;
-    }, toastInstance.$);
-    return {
-      toastInstance
-    };
+class IUploadOptions {
+  constructor() {
+    __publicField(this, "uri");
+    __publicField(this, "method");
+    __publicField(this, "maximumSize");
+    __publicField(this, "headers");
+    __publicField(this, "authToken");
+    __publicField(this, "authTokenHeader");
+    __publicField(this, "additionalParameter");
+    __publicField(this, "fileFieldName");
+    __publicField(this, "checkSameName");
+    __publicField(this, "withCredentials");
+    __publicField(this, "responseType");
   }
 }
-Toast.install = function(app) {
-  app.component(Toast.name, Toast);
-};
-var UploadStatus;
-(function(UploadStatus2) {
+class IFileOptions {
+  constructor() {
+    __publicField(this, "accept");
+    __publicField(this, "multiple");
+    __publicField(this, "webkitdirectory");
+  }
+}
+var UploadStatus = /* @__PURE__ */ ((UploadStatus2) => {
   UploadStatus2[UploadStatus2["preLoad"] = 0] = "preLoad";
   UploadStatus2[UploadStatus2["uploading"] = 1] = "uploading";
   UploadStatus2[UploadStatus2["uploaded"] = 2] = "uploaded";
   UploadStatus2[UploadStatus2["failed"] = 3] = "failed";
-})(UploadStatus || (UploadStatus = {}));
+  return UploadStatus2;
+})(UploadStatus || {});
 const uploadProps = {
+  accept: {
+    type: String
+  },
+  webkitdirectory: {
+    type: Boolean,
+    default: false
+  },
   uploadOptions: {
-    type: Object,
-    required: true
+    type: Object
   },
-  fileOptions: {
-    type: Object,
-    required: true
+  multiple: {
+    type: Boolean,
+    default: false
   },
   autoUpload: {
     type: Boolean,
-    default: false
+    default: true
   },
-  placeholderText: {
+  placeholder: {
     type: String,
     default: "\u9009\u62E9\u6587\u4EF6"
   },
-  uploadText: {
-    type: String,
-    default: "\u4E0A\u4F20"
-  },
-  uploadedFiles: {
+  modelValue: {
     type: Array,
     default: () => []
   },
-  withoutBtn: {
-    type: Boolean,
-    default: false
-  },
-  enableDrop: {
+  droppable: {
     type: Boolean,
     default: false
   },
@@ -2101,10 +346,6 @@ const uploadProps = {
     type: Boolean,
     default: false
   },
-  showTip: {
-    type: Boolean,
-    default: false
-  },
   onChange: {
     type: Function
   },
@@ -2120,96 +361,125 @@ const uploadProps = {
     type: Function,
     default: void 0
   },
-  errorEvent: {
+  deleteUploadedFile: {
     type: Function,
     default: void 0
   },
-  successEvent: {
+  "on-error": {
     type: Function,
     default: void 0
   },
-  deleteUploadedFileEvent: {
+  "on-success": {
     type: Function,
     default: void 0
-  }
-};
-const multiUploadProps = {
-  uploadOptions: {
-    type: Object,
-    required: true
-  },
-  fileOptions: {
-    type: Object,
-    required: true
-  },
-  autoUpload: {
-    type: Boolean,
-    default: false
-  },
-  withoutBtn: {
-    type: Boolean,
-    default: false
-  },
-  showTip: {
-    type: Boolean,
-    default: false
-  },
-  uploadedFiles: {
-    type: Array,
-    default: () => []
-  },
-  enableDrop: {
-    type: Boolean,
-    default: false
-  },
-  placeholderText: {
-    type: String,
-    default: "\u9009\u62E9\u6587\u4EF6"
-  },
-  uploadText: {
-    type: String,
-    default: "\u4E0A\u4F20"
   },
   oneTimeUpload: {
     type: Boolean,
     default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  beforeUpload: {
-    type: Function
-  },
-  fileDrop: {
-    type: Function,
-    default: void 0
-  },
-  fileOver: {
-    type: Function,
-    default: void 0
-  },
-  fileSelect: {
-    type: Function,
-    default: void 0
-  },
-  errorEvent: {
-    type: Function,
-    default: void 0
-  },
-  successEvent: {
-    type: Function,
-    default: void 0
-  },
-  deleteUploadedFileEvent: {
-    type: Function,
-    default: void 0
-  },
-  setCustomUploadOptions: {
-    type: Function,
-    default: void 0
   }
 };
+const getAllFilesBeyondMaximalFileSizeMsg = (maximalSize) => `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+const getBeyondMaximalFileSizeMsg = (filename, maximalSize) => {
+  return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
+};
+const getNotAllowedFileTypeMsg = (filename, scope) => {
+  return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+};
+const getExistSameNameFilesMsg = (sameNames) => {
+  return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+};
+const useSelectFiles = () => {
+  const BEYOND_MAXIMAL_FILE_SIZE_MSG = ref("");
+  const simulateClickEvent = (input) => {
+    const evt = document.createEvent("MouseEvents");
+    evt.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
+    input.dispatchEvent(evt);
+  };
+  const selectFiles = ({ multiple, accept, webkitdirectory }) => {
+    return new Promise((resolve) => {
+      const tempNode = document.getElementById("d-upload-temp");
+      if (tempNode) {
+        document.body.removeChild(tempNode);
+      }
+      const input = document.createElement("input");
+      input.style.position = "fixed";
+      input.style.left = "-2000px";
+      input.style.top = "-2000px";
+      input.setAttribute("id", "d-upload-temp");
+      input.setAttribute("type", "file");
+      if (multiple) {
+        input.setAttribute("multiple", "");
+      }
+      if (accept) {
+        input.setAttribute("accept", accept);
+      }
+      if (webkitdirectory) {
+        input.setAttribute("webkitdirectory", "");
+      }
+      input.addEventListener("change", (event) => {
+        resolve(Array.prototype.slice.call(event.target.files));
+      });
+      document.body.appendChild(input);
+      simulateClickEvent(input);
+    });
+  };
+  const isAllowedFileType = (accept, file) => {
+    if (accept) {
+      const acceptArr = accept.split(",");
+      const baseMimeType = file.type.replace(/\/.*$/, "");
+      return acceptArr.some((type) => {
+        const validType = type.trim();
+        if (validType.startsWith(".")) {
+          return file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.toLowerCase().length - validType.toLowerCase().length) > -1;
+        } else if (/\/\*$/.test(validType)) {
+          return baseMimeType === validType.replace(/\/.*$/, "");
+        }
+        return file.type === validType;
+      });
+    }
+    return true;
+  };
+  const beyondMaximalSize = (fileSize, maximumSize) => {
+    if (maximumSize) {
+      return fileSize > 1024 * 1024 * maximumSize;
+    }
+    return false;
+  };
+  const _validateFiles = (file, accept, uploadOptions) => {
+    if (!isAllowedFileType(accept, file)) {
+      return {
+        checkError: true,
+        errorMsg: getNotAllowedFileTypeMsg(file.name, accept)
+      };
+    }
+    if (uploadOptions && beyondMaximalSize(file.size, uploadOptions.maximumSize)) {
+      return {
+        checkError: true,
+        errorMsg: getBeyondMaximalFileSizeMsg(file.name, uploadOptions.maximumSize)
+      };
+    }
+    return { checkError: false, errorMsg: void 0 };
+  };
+  const triggerSelectFiles = (fileOptions) => {
+    const { multiple, accept, webkitdirectory } = fileOptions;
+    return selectFiles({ multiple, accept, webkitdirectory });
+  };
+  const triggerDropFiles = (files) => {
+    return Promise.resolve(files);
+  };
+  const checkAllFilesSize = (fileSize, maximumSize) => {
+    if (beyondMaximalSize(fileSize, maximumSize)) {
+      BEYOND_MAXIMAL_FILE_SIZE_MSG.value = getAllFilesBeyondMaximalFileSizeMsg(maximumSize);
+      return { checkError: true, errorMsg: BEYOND_MAXIMAL_FILE_SIZE_MSG.value };
+    }
+  };
+  return {
+    triggerSelectFiles,
+    _validateFiles,
+    triggerDropFiles,
+    checkAllFilesSize
+  };
+};
 class FileUploader {
   constructor(file, uploadOptions) {
     __publicField(this, "xhr");
@@ -2224,17 +494,7 @@ class FileUploader {
   }
   send(uploadFiles) {
     return new Promise((resolve, reject) => {
-      const {
-        uri,
-        method,
-        headers,
-        authToken,
-        authTokenHeader,
-        additionalParameter,
-        fileFieldName,
-        withCredentials,
-        responseType
-      } = this.uploadOptions;
+      const { uri, method, headers, authToken, authTokenHeader, additionalParameter, fileFieldName, withCredentials, responseType } = this.uploadOptions;
       const authTokenHeader_ = authTokenHeader || "Authorization";
       const fileFieldName_ = fileFieldName || "file";
       this.xhr = new XMLHttpRequest();
@@ -2411,412 +671,24 @@ const useUpload = () => {
     _oneTimeUpload
   };
 };
-const i18nText = {
-  warning: "\u63D0\u9192",
-  upload: "\u4E0A\u4F20",
-  chooseFile: "\u9009\u62E9\u6587\u4EF6",
-  chooseFiles: "\u9009\u62E9\u591A\u4E2A\u6587\u4EF6",
-  preload: "\u9884\u52A0\u8F7D",
-  uploading: "\u4E0A\u4F20\u4E2D...",
-  uploaded: "\u5DF2\u4E0A\u4F20",
-  uploadFailed: "\u4E0A\u4F20\u5931\u8D25",
-  uploadSuccess: "\u4E0A\u4F20\u6210\u529F!",
-  delete: "\u5220\u9664",
-  reUpload: "\u91CD\u65B0\u4E0A\u4F20",
-  cancelUpload: "\u53D6\u6D88\u4E0A\u4F20"
-};
-const getFailedFilesCount = (failedCount) => `${failedCount}\u4E2A\u6587\u4EF6\u4E0A\u4F20\u5931\u8D25\uFF01`;
-const getUploadingFilesCount = (uploadingCount, filesCount) => `${uploadingCount}/${filesCount}\u6B63\u5728\u4E0A\u4F20`;
-const getSelectedFilesCount = (filesCount) => `\u5DF2\u6DFB\u52A0${filesCount}\u4E2A\u6587\u4EF6`;
-const getAllFilesBeyondMaximalFileSizeMsg = (maximalSize) => `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
-const getBeyondMaximalFileSizeMsg = (filename, maximalSize) => {
-  return `\u6700\u5927\u652F\u6301\u4E0A\u4F20${maximalSize}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`;
-};
-const getNotAllowedFileTypeMsg = (filename, scope) => {
-  return `\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${scope}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${filename}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
-};
-const getExistSameNameFilesMsg = (sameNames) => {
-  return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
-};
-const useSelectFiles = () => {
-  const BEYOND_MAXIMAL_FILE_SIZE_MSG = ref("");
-  const simulateClickEvent = (input) => {
-    const evt = document.createEvent("MouseEvents");
-    evt.initMouseEvent("click", true, true, window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
-    input.dispatchEvent(evt);
-  };
-  const selectFiles = ({
-    multiple,
-    accept,
-    webkitdirectory
-  }) => {
-    return new Promise((resolve) => {
-      const tempNode = document.getElementById("d-upload-temp");
-      if (tempNode) {
-        document.body.removeChild(tempNode);
-      }
-      const input = document.createElement("input");
-      input.style.position = "fixed";
-      input.style.left = "-2000px";
-      input.style.top = "-2000px";
-      input.setAttribute("id", "d-upload-temp");
-      input.setAttribute("type", "file");
-      if (multiple) {
-        input.setAttribute("multiple", "");
-      }
-      if (accept) {
-        input.setAttribute("accept", accept);
-      }
-      if (webkitdirectory) {
-        input.setAttribute("webkitdirectory", "");
-      }
-      input.addEventListener("change", (event) => {
-        resolve(Array.prototype.slice.call(event.target.files));
-      });
-      document.body.appendChild(input);
-      simulateClickEvent(input);
-    });
-  };
-  const isAllowedFileType = (accept, file) => {
-    if (accept) {
-      const acceptArr = accept.split(",");
-      const baseMimeType = file.type.replace(/\/.*$/, "");
-      return acceptArr.some((type) => {
-        const validType = type.trim();
-        if (validType.startsWith(".")) {
-          return file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.toLowerCase().length - validType.toLowerCase().length) > -1;
-        } else if (/\/\*$/.test(validType)) {
-          return baseMimeType === validType.replace(/\/.*$/, "");
-        }
-        return file.type === validType;
-      });
-    }
-    return true;
-  };
-  const beyondMaximalSize = (fileSize, maximumSize) => {
-    if (maximumSize) {
-      return fileSize > 1024 * 1024 * maximumSize;
-    }
-    return false;
-  };
-  const _validateFiles = (file, accept, uploadOptions) => {
-    if (!isAllowedFileType(accept, file)) {
-      return {
-        checkError: true,
-        errorMsg: getNotAllowedFileTypeMsg(file.name, accept)
-      };
-    }
-    if (uploadOptions && beyondMaximalSize(file.size, uploadOptions.maximumSize)) {
-      return {
-        checkError: true,
-        errorMsg: getBeyondMaximalFileSizeMsg(file.name, uploadOptions.maximumSize)
-      };
-    }
-    return { checkError: false, errorMsg: void 0 };
-  };
-  const triggerSelectFiles = (fileOptions) => {
-    const { multiple, accept, webkitdirectory } = fileOptions;
-    return selectFiles({ multiple, accept, webkitdirectory });
-  };
-  const triggerDropFiles = (files) => {
-    return Promise.resolve(files);
-  };
-  const checkAllFilesSize = (fileSize, maximumSize) => {
-    if (beyondMaximalSize(fileSize, maximumSize)) {
-      BEYOND_MAXIMAL_FILE_SIZE_MSG.value = getAllFilesBeyondMaximalFileSizeMsg(maximumSize);
-      return { checkError: true, errorMsg: BEYOND_MAXIMAL_FILE_SIZE_MSG.value };
-    }
-  };
-  return {
-    triggerSelectFiles,
-    _validateFiles,
-    triggerDropFiles,
-    checkAllFilesSize
-  };
-};
 var upload = "";
 var Upload = defineComponent({
-  name: "DSingleUpload",
+  name: "DUpload",
   props: uploadProps,
-  emits: ["fileDrop", "fileOver", "fileSelect", "successEvent", "errorEvent", "deleteUploadedFileEvent", "update:uploadedFiles"],
-  setup(props, ctx) {
-    const {
-      uploadOptions,
-      fileOptions,
-      placeholderText,
-      autoUpload,
-      withoutBtn,
-      uploadText,
-      disabled,
-      beforeUpload,
-      enableDrop,
-      showTip,
-      uploadedFiles
-    } = toRefs(props);
-    const isDropOVer = ref(false);
-    const {
-      getFiles,
-      fileUploaders,
-      addFile,
-      getFullFiles,
-      deleteFile,
-      upload: upload2,
-      removeFiles
-    } = useUpload();
-    const {
-      triggerSelectFiles,
-      _validateFiles,
-      triggerDropFiles
-    } = useSelectFiles();
-    const filename = computed(() => (getFiles()[0] || {}).name || "");
-    const alertMsg = (errorMsg) => {
-      ToastService.open({
-        value: [{
-          severity: "warn",
-          content: errorMsg
-        }]
-      });
-    };
-    const canUpload = () => {
-      let uploadResult = Promise.resolve(true);
-      if (beforeUpload.value) {
-        const result = beforeUpload.value(getFullFiles()[0] || {});
-        if (typeof result !== "undefined") {
-          if (result.then) {
-            uploadResult = result;
-          } else {
-            uploadResult = Promise.resolve(result);
-          }
-        }
-      }
-      return uploadResult;
-    };
-    const fileUpload = () => {
-      canUpload().then((canUpload2) => {
-        if (!canUpload2) {
-          return;
-        }
-        upload2().then((results) => {
-          ctx.emit("successEvent", results);
-          const newFiles = results.map((result) => result.file);
-          const newUploadedFiles = [...newFiles, ...uploadedFiles.value];
-          ctx.emit("update:uploadedFiles", newUploadedFiles);
-        }).catch((error) => {
-          console.error(error);
-          if (fileUploaders.value[0]) {
-            fileUploaders.value[0].percentage = 0;
-          }
-          ctx.emit("errorEvent", error);
-        });
-      });
-    };
-    const checkValid = () => {
-      fileUploaders.value.forEach((fileUploader) => {
-        const checkResult = _validateFiles(fileUploader.file, fileOptions.value.accept, fileUploader.uploadOptions);
-        if (checkResult.checkError) {
-          deleteFile(fileUploader.file);
-          alertMsg(checkResult.errorMsg);
-        }
-      });
-    };
-    const _dealFiles = (promise) => {
-      promise.then((files) => {
-        var _a;
-        files.forEach((file2) => {
-          removeFiles();
-          addFile(file2, uploadOptions.value);
-        });
-        checkValid();
-        const file = (_a = fileUploaders.value[0]) == null ? void 0 : _a.file;
-        if (props.onChange) {
-          props.onChange(file);
-        }
-        if (file) {
-          ctx.emit("fileSelect", file);
-        }
-        if (autoUpload.value) {
-          fileUpload();
-        }
-      }).catch((error) => {
-        alertMsg(error.message);
-      });
-    };
-    const handleClick = () => {
-      var _a;
-      if (disabled.value || fileUploaders.value[0] && ((_a = fileUploaders.value[0]) == null ? void 0 : _a.status) === UploadStatus.uploading) {
-        return;
-      }
-      _dealFiles(triggerSelectFiles(fileOptions.value));
-    };
-    const onDeleteFile = (event) => {
-      event.stopPropagation();
-      const files = getFiles();
-      deleteFile(files[0]);
-    };
-    const deleteUploadedFile = (file) => {
-      const newUploadedFiles = uploadedFiles.value.filter((uploadedFile) => {
-        return uploadedFile.name !== file.name;
-      });
-      ctx.emit("deleteUploadedFileEvent", file);
-      ctx.emit("update:uploadedFiles", newUploadedFiles);
-    };
-    const onFileDrop = (files) => {
-      isDropOVer.value = false;
-      _dealFiles(triggerDropFiles(files));
-      ctx.emit("fileDrop", files[0]);
-    };
-    const onFileOver = (event) => {
-      isDropOVer.value = event;
-      ctx.emit("fileOver", event);
-    };
-    return {
-      placeholderText,
-      filename,
-      autoUpload,
-      withoutBtn,
-      fileUploaders,
-      uploadText,
-      handleClick,
-      onDeleteFile,
-      fileUpload,
-      enableDrop,
-      onFileDrop,
-      onFileOver,
-      isDropOVer,
-      showTip,
-      uploadedFiles,
-      deleteUploadedFile
-    };
-  },
-  render() {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
-    const {
-      placeholderText,
-      filename,
-      autoUpload,
-      withoutBtn,
-      fileUploaders,
-      uploadText,
-      handleClick,
-      onDeleteFile,
-      fileUpload,
-      enableDrop,
-      onFileDrop,
-      onFileOver,
-      isDropOVer,
-      disabled,
-      showTip,
-      uploadedFiles,
-      deleteUploadedFile
-    } = this;
-    return createVNode("div", null, [withDirectives(createVNode("div", {
-      "class": "devui-upload",
-      "style": `border: ${isDropOVer ? "1px solid #15bf15" : "0"}`
-    }, [((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) ? createVNode("div", {
-      "onClick": handleClick
-    }, [this.$slots.default()]) : createVNode("div", {
-      "class": `devui-input-group ${disabled || ((_c = fileUploaders[0]) == null ? void 0 : _c.status) === UploadStatus.uploading ? "disabled" : ""}`,
-      "onClick": handleClick
-    }, [createVNode("div", {
-      "class": "devui-form-control devui-files-list"
-    }, [!filename && createVNode("div", {
-      "class": "devui-file-item devui-upload-placeholder"
-    }, [placeholderText]), !!filename && createVNode("div", {
-      "class": "devui-file-tag devui-file-item",
-      "title": filename,
-      "style": "display: inline-block; margin: 0 2px 2px 0"
-    }, [createVNode("span", {
-      "class": `devui-filename ${((_d = fileUploaders[0]) == null ? void 0 : _d.status) === UploadStatus.failed ? "devui-failed-color" : ""}`
-    }, [filename]), createVNode(resolveComponent("d-icon"), {
-      "name": "close",
-      "class": `${((_e = fileUploaders[0]) == null ? void 0 : _e.status) === UploadStatus.failed ? "devui-upload-delete-file-button" : ""} ${((_f = fileUploaders[0]) == null ? void 0 : _f.status) === UploadStatus.uploading || ((_g = fileUploaders[0]) == null ? void 0 : _g.status) === UploadStatus.uploaded ? "devui-uploading-delete" : ""}`,
-      "onClick": (event) => onDeleteFile(event)
-    }, null), ((_h = fileUploaders[0]) == null ? void 0 : _h.status) === UploadStatus.uploading && createVNode("div", {
-      "class": "icon devui-upload-progress"
-    }, [createVNode(resolveComponent("d-progress"), {
-      "isCircle": true,
-      "percentage": fileUploaders[0].percentage,
-      "barbgcolor": "#50D4AB",
-      "strokeWidth": 8,
-      "showContent": false
-    }, null)]), fileUploaders[0].status === UploadStatus.failed && createVNode(resolveComponent("d-icon"), {
-      "name": "running",
-      "onClick": fileUpload
-    }, null), fileUploaders[0].status === UploadStatus.uploaded && createVNode(resolveComponent("d-icon"), {
-      "name": "right",
-      "color": "#50d4ab"
-    }, null)])]), createVNode("span", {
-      "class": "devui-input-group-addon"
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "more-operate",
-      "color": "#252b3a"
-    }, null)])]), !autoUpload && !withoutBtn && createVNode(resolveComponent("d-button"), {
-      "style": "marginLeft: 8px",
-      "bsStyle": "common",
-      "onClick": fileUpload,
-      "disabled": disabled || ((_i = fileUploaders[0]) == null ? void 0 : _i.status) === UploadStatus.uploading
-    }, {
-      default: () => {
-        var _a2, _b2, _c2, _d2;
-        return [(!fileUploaders[0] || !((_a2 = fileUploaders[0]) == null ? void 0 : _a2.status)) && createVNode("span", null, [uploadText]), ((_b2 = fileUploaders[0]) == null ? void 0 : _b2.status) === UploadStatus.uploading && createVNode("span", null, [createTextVNode("\u4E0A\u4F20\u4E2D...")]), ((_c2 = fileUploaders[0]) == null ? void 0 : _c2.status) === UploadStatus.uploaded && createVNode("span", null, [createTextVNode("\u5DF2\u4E0A\u4F20")]), ((_d2 = fileUploaders[0]) == null ? void 0 : _d2.status) === UploadStatus.failed && createVNode("span", null, [createTextVNode("\u4E0A\u4F20\u5931\u8D25")])];
-      }
-    })]), [[resolveDirective("file-drop"), {
-      enableDrop,
-      isSingle: true,
-      onFileDrop,
-      onFileOver
-    }]]), showTip && createVNode("div", {
-      "class": "devui-upload-tip"
-    }, [((_j = fileUploaders[0]) == null ? void 0 : _j.status) === UploadStatus.uploading && createVNode("span", {
-      "class": "devui-loading"
-    }, [i18nText.uploading]), ((_k = fileUploaders[0]) == null ? void 0 : _k.status) === UploadStatus.uploaded && createVNode("div", {
-      "class": "devui-loaded"
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "right-o",
-      "color": "#50d4ab"
-    }, null), createVNode("span", {
-      "style": "vertical-align: middle"
-    }, [i18nText.uploadSuccess])]), ((_l = fileUploaders[0]) == null ? void 0 : _l.status) === UploadStatus.failed && createVNode("div", {
-      "class": "devui-upload-failed"
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "info-o",
-      "color": "#f66f6a"
-    }, null), createVNode("span", {
-      "style": "vertical-align: middle"
-    }, [createVNode("span", {
-      "style": "margin-right: 8px"
-    }, [i18nText.uploadFailed]), createVNode("a", {
-      "onClick": fileUpload
-    }, [i18nText.reUpload])])])]), createVNode("div", null, [(_n = (_m = this.$slots).preloadFiles) == null ? void 0 : _n.call(_m, {
-      fileUploaders,
-      deleteFile: onDeleteFile
-    })]), createVNode("div", null, [(_p = (_o = this.$slots).uploadedFiles) == null ? void 0 : _p.call(_o, {
-      uploadedFiles,
-      deleteFile: deleteUploadedFile
-    })])]);
-  }
-});
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var MultiUpload = defineComponent({
-  name: "DMultipleUpload",
-  props: multiUploadProps,
-  emits: ["fileDrop", "fileOver", "fileSelect", "successEvent", "errorEvent", "deleteUploadedFileEvent", "update:uploadedFiles"],
+  emits: ["fileDrop", "fileOver", "fileSelect", "deleteUploadedFile", "update:modelValue"],
   setup(props, ctx) {
     const {
       uploadOptions,
-      fileOptions,
-      placeholderText,
+      placeholder,
       autoUpload,
-      withoutBtn,
-      uploadText,
       disabled,
       beforeUpload,
-      enableDrop,
+      droppable,
       oneTimeUpload,
-      showTip,
-      uploadedFiles
+      modelValue,
+      multiple,
+      accept,
+      webkitdirectory
     } = toRefs(props);
     const {
       triggerSelectFiles,
@@ -2825,7 +697,6 @@ var MultiUpload = defineComponent({
       checkAllFilesSize
     } = useSelectFiles();
     const {
-      getFiles,
       fileUploaders,
       addFile,
       getFullFiles,
@@ -2837,20 +708,18 @@ var MultiUpload = defineComponent({
       getSameNameFiles
     } = useUpload();
     const isDropOVer = ref(false);
-    const uploadTips = ref("");
+    ref("");
     const alertMsg = (errorMsg) => {
-      ToastService.open({
-        value: [{
-          severity: "warn",
-          content: errorMsg
-        }]
+      NotificationService.open({
+        type: "warning",
+        content: errorMsg
       });
     };
     const checkValid = () => {
       let totalFileSize = 0;
       fileUploaders.value.forEach((fileUploader) => {
         totalFileSize += fileUploader.file.size;
-        const checkResult = _validateFiles(fileUploader.file, fileOptions.value.accept, fileUploader.uploadOptions);
+        const checkResult = _validateFiles(fileUploader.file, accept.value, fileUploader.uploadOptions);
         if (checkResult && checkResult.checkError) {
           deleteFile(fileUploader.file);
           alertMsg(checkResult.errorMsg);
@@ -2869,17 +738,20 @@ var MultiUpload = defineComponent({
       resetSameNameFiles();
       promise.then((files) => {
         files.forEach((file) => {
+          if (!multiple.value) {
+            removeFiles();
+          }
           addFile(file, uploadOptions.value);
         });
         checkValid();
         const sameNameFiles = getSameNameFiles();
-        if (uploadOptions.value.checkSameName && sameNameFiles.length) {
+        if (uploadOptions.value && uploadOptions.value.checkSameName && sameNameFiles.length) {
           alertMsg(getExistSameNameFilesMsg(sameNameFiles));
         }
         const selectedFiles = fileUploaders.value.filter((fileUploader) => fileUploader.status === UploadStatus.preLoad).map((fileUploader) => fileUploader.file);
         ctx.emit("fileSelect", selectedFiles);
         if (autoUpload.value) {
-          upload2();
+          fileUpload();
         }
       }).catch((error) => {
         alertMsg(error.message);
@@ -2889,7 +761,11 @@ var MultiUpload = defineComponent({
       if (disabled.value) {
         return;
       }
-      _dealFiles(triggerSelectFiles(fileOptions.value));
+      _dealFiles(triggerSelectFiles({
+        accept: accept.value,
+        multiple: multiple.value,
+        webkitdirectory: webkitdirectory.value
+      }));
     };
     const onFileDrop = (files) => {
       isDropOVer.value = false;
@@ -2900,16 +776,19 @@ var MultiUpload = defineComponent({
       isDropOVer.value = event;
       ctx.emit("fileOver", event);
     };
-    const onDeleteFile = (event, file) => {
-      event.stopPropagation();
-      deleteFile(file);
-    };
     const deleteUploadedFile = (file) => {
-      const newUploadedFiles = uploadedFiles.value.filter((uploadedFile) => {
+      const newUploadedFiles = modelValue.value.filter((uploadedFile) => {
         return uploadedFile.name !== file.name;
       });
-      ctx.emit("deleteUploadedFileEvent", file);
-      ctx.emit("update:uploadedFiles", newUploadedFiles);
+      ctx.emit("deleteUploadedFile", file);
+      ctx.emit("update:modelValue", newUploadedFiles);
+    };
+    const onDeleteFile = (event, file, status) => {
+      event.stopPropagation();
+      if (status === UploadStatus.uploaded) {
+        deleteUploadedFile(file);
+      }
+      deleteFile(file);
     };
     const canUpload = () => {
       let uploadResult = Promise.resolve(true);
@@ -2936,163 +815,69 @@ var MultiUpload = defineComponent({
         }
         const uploadObservable = oneTimeUpload.value ? _oneTimeUpload() : upload2(fileUploader);
         uploadObservable.then((results) => {
-          ctx.emit("successEvent", results);
+          props["on-success"] && props["on-success"](results);
           const newFiles = results.map((result) => result.file);
-          const newUploadedFiles = [...newFiles, ...uploadedFiles.value];
-          ctx.emit("update:uploadedFiles", newUploadedFiles);
+          const newUploadedFiles = [...newFiles, ...modelValue.value];
+          ctx.emit("update:modelValue", newUploadedFiles);
         }).catch((error) => {
-          ctx.emit("errorEvent", error);
+          props["on-error"] && props["on-error"](error);
         });
       });
     };
-    const getStatus = () => {
-      let uploadingCount = 0;
-      let uploadedCount = 0;
-      let failedCount = 0;
-      const filesCount = fileUploaders.value.length;
-      fileUploaders.value.forEach((fileUploader) => {
-        if (fileUploader.status === UploadStatus.uploading) {
-          uploadingCount++;
-        } else if (fileUploader.status === UploadStatus.uploaded) {
-          uploadedCount++;
-        } else if (fileUploader.status === UploadStatus.failed) {
-          failedCount++;
-        }
-      });
-      if (failedCount > 0) {
-        uploadTips.value = getFailedFilesCount(failedCount);
-        return "failed";
-      }
-      if (uploadingCount > 0) {
-        uploadTips.value = getUploadingFilesCount(uploadingCount, filesCount);
-        return "uploading";
-      }
-      if (uploadedCount === filesCount && uploadedCount !== 0) {
-        return "uploaded";
-      }
-      if (filesCount !== 0) {
-        uploadTips.value = getSelectedFilesCount(filesCount);
-        return "selected";
-      }
-    };
-    const cancelUpload = () => {
-      fileUploaders.value = fileUploaders.value.map((fileUploader) => {
-        if (fileUploader.status === UploadStatus.uploading) {
-          fileUploader.cancel();
-          fileUploader.status = UploadStatus.failed;
-        }
-        return fileUploader;
-      });
-    };
-    return {
-      uploadOptions,
-      fileOptions,
-      placeholderText,
-      autoUpload,
-      withoutBtn,
-      uploadText,
-      disabled,
-      beforeUpload,
-      enableDrop,
-      isDropOVer,
-      onFileDrop,
-      onFileOver,
-      handleClick,
-      fileUploaders,
-      onDeleteFile,
-      fileUpload,
-      showTip,
-      getStatus,
-      uploadTips,
-      cancelUpload,
-      deleteUploadedFile
+    return () => {
+      var _a, _b, _c, _d;
+      return createVNode("div", null, [withDirectives(createVNode("div", {
+        "class": "devui-upload",
+        "style": `border: ${isDropOVer.value ? "1px solid #15bf15" : "0"}`
+      }, [((_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)) ? createVNode("div", {
+        "onClick": handleClick
+      }, [ctx.slots.default()]) : createVNode("div", {
+        "class": `devui-input-group ${disabled.value ? "disabled" : ""}`,
+        "onClick": handleClick
+      }, [fileUploaders.value.length === 0 && createVNode("div", {
+        "class": "devui-form-control devui-upload-placeholder"
+      }, [placeholder.value]), fileUploaders.value.length > 0 && createVNode("ul", {
+        "class": "devui-form-control devui-files-list"
+      }, [fileUploaders.value.map((fileUploader, index2) => createVNode("li", {
+        "key": index2,
+        "class": "devui-file-item devui-file-tag",
+        "style": "display: inline-block; margin: 0 2px 2px 0",
+        "title": fileUploader.file.name
+      }, [createVNode("span", {
+        "class": `devui-filename ${fileUploader.status === UploadStatus.failed ? "devui-failed-color" : ""}`
+      }, [fileUploader.file.name]), createVNode(resolveComponent("d-icon"), {
+        "name": "close",
+        "class": `${(fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.failed ? "devui-upload-delete-file-button" : ""} ${(fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.uploading || (fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.uploaded ? "devui-uploading-delete" : ""}`,
+        "onClick": (event) => onDeleteFile(event, fileUploader.file, fileUploader.status)
+      }, null), fileUploader.status === UploadStatus.uploading && createVNode("div", {
+        "class": "icon devui-upload-progress"
+      }, [createVNode(resolveComponent("d-progress"), {
+        "isCircle": true,
+        "percentage": fileUploader.percentage,
+        "barbgcolor": "#50D4AB",
+        "strokeWidth": 8,
+        "showContent": false
+      }, null)]), fileUploader.status === UploadStatus.failed && createVNode(resolveComponent("d-icon"), {
+        "name": "running",
+        "onClick": fileUpload
+      }, null), fileUploader.status === UploadStatus.uploaded && createVNode(resolveComponent("d-icon"), {
+        "name": "right",
+        "color": "#50d4ab"
+      }, null)]))]), createVNode("span", {
+        "class": "devui-input-group-addon"
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "more-operate",
+        "color": "#252b3a"
+      }, null)])])]), [[resolveDirective("file-drop"), {
+        droppable,
+        isSingle: !multiple,
+        onFileDrop,
+        onFileOver
+      }]]), createVNode("div", null, [(_d = (_c = ctx.slots)["uploaded-files"]) == null ? void 0 : _d.call(_c, {
+        uploadedFiles: modelValue.value,
+        deleteFile: deleteUploadedFile
+      })])]);
     };
-  },
-  render() {
-    var _a, _b, _c, _d, _e, _f;
-    const {
-      placeholderText,
-      autoUpload,
-      withoutBtn,
-      uploadText,
-      disabled,
-      beforeUpload,
-      enableDrop,
-      isDropOVer,
-      onFileDrop,
-      onFileOver,
-      handleClick,
-      fileUploaders,
-      onDeleteFile,
-      fileUpload,
-      showTip,
-      getStatus,
-      uploadTips,
-      cancelUpload,
-      uploadedFiles,
-      deleteUploadedFile
-    } = this;
-    return createVNode(Fragment, null, [withDirectives(createVNode("div", {
-      "class": "devui-upload",
-      "style": `border: ${isDropOVer ? "1px solid #15bf15" : "0"}`
-    }, [((_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) ? createVNode("div", {
-      "onClick": handleClick
-    }, [this.$slots.default()]) : createVNode("div", {
-      "class": `devui-input-group ${disabled ? "disabled" : ""}`,
-      "onClick": handleClick
-    }, [fileUploaders.length === 0 && createVNode("div", {
-      "class": "devui-form-control devui-upload-placeholder"
-    }, [placeholderText]), fileUploaders.length > 0 && createVNode("ul", {
-      "class": "devui-form-control devui-files-list"
-    }, [fileUploaders.map((fileUploader, index2) => createVNode("li", {
-      "key": index2,
-      "class": "devui-file-item devui-file-tag",
-      "style": "display: inline-block; margin: 0 2px 2px 0",
-      "title": fileUploader.file.name
-    }, [createVNode("span", {
-      "class": `evui-filename ${fileUploader.status === UploadStatus.failed ? "devui-failed-color" : ""}`
-    }, [fileUploader.file.name]), createVNode(resolveComponent("d-icon"), {
-      "name": "close",
-      "class": `${(fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.failed ? "devui-upload-delete-file-button" : ""} ${(fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.uploading || (fileUploader == null ? void 0 : fileUploader.status) === UploadStatus.uploaded ? "devui-uploading-delete" : ""}`,
-      "onClick": (event) => onDeleteFile(event, fileUploader.file)
-    }, null), fileUploader.status === UploadStatus.uploading && createVNode("div", {
-      "class": "icon devui-upload-progress"
-    }, [createVNode(resolveComponent("d-progress"), {
-      "isCircle": true,
-      "percentage": fileUploader.percentage,
-      "barbgcolor": "#50D4AB",
-      "strokeWidth": 8,
-      "showContent": false
-    }, null)]), fileUploader.status === UploadStatus.failed && createVNode(resolveComponent("d-icon"), {
-      "name": "running",
-      "onClick": fileUpload
-    }, null), fileUploader.status === UploadStatus.uploaded && createVNode(resolveComponent("d-icon"), {
-      "name": "right",
-      "color": "#50d4ab"
-    }, null)]))]), createVNode("span", {
-      "class": "devui-input-group-addon"
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "more-operate",
-      "color": "#252b3a"
-    }, null)])]), !autoUpload && !withoutBtn && createVNode(resolveComponent("d-button"), {
-      "style": "marginLeft: 8px",
-      "bsStyle": "common",
-      "disabled": disabled,
-      "onClick": fileUpload
-    }, _isSlot(uploadText) ? uploadText : {
-      default: () => [uploadText]
-    })]), [[resolveDirective("file-drop"), {
-      enableDrop,
-      isSingle: false,
-      onFileDrop,
-      onFileOver
-    }]]), createVNode("div", null, [(_d = (_c = this.$slots).preloadFiles) == null ? void 0 : _d.call(_c, {
-      fileUploaders,
-      deleteFile: onDeleteFile
-    })]), createVNode("div", null, [(_f = (_e = this.$slots).uploadedFiles) == null ? void 0 : _f.call(_e, {
-      uploadedFiles,
-      deleteFile: deleteUploadedFile
-    })])]);
   }
 });
 const getTransfer = (event) => {
@@ -3147,14 +932,14 @@ const onDrop = (el, binding) => {
     if (isSingle) {
       onFileDrop && onFileDrop([transfer.files[0]]);
     } else {
-      onFileDrop && onFileDrop(transfer.files);
+      onFileDrop && onFileDrop(Array.from(transfer.files));
     }
   });
 };
 const fileDropDirective = {
   mounted: (el, binding) => {
-    const { enableDrop } = binding.value;
-    if (!enableDrop) {
+    const { droppable } = binding.value;
+    if (!droppable) {
       return;
     }
     onDragOver(el, binding);
@@ -3162,17 +947,13 @@ const fileDropDirective = {
     onDrop(el, binding);
   }
 };
-Upload.install = function(app) {
-  app.directive("file-drop", fileDropDirective);
-  app.component(Upload.name, Upload);
-  app.component(MultiUpload.name, MultiUpload);
-};
 var index = {
   title: "Upload \u4E0A\u4F20",
   category: "\u6570\u636E\u5F55\u5165",
   status: "100%",
   install(app) {
-    app.use(Upload);
+    app.directive("file-drop", fileDropDirective);
+    app.component(Upload.name, Upload);
   }
 };
-export { MultiUpload, Upload, index as default };
+export { IFileOptions, IUploadOptions, Upload, UploadStatus, index as default, uploadProps };