vue-devui 1.0.0-rc.12 → 1.0.0-rc.15

package/select/index.es.js

@@ -1,35 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance } from "vue";
+import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 function className(classStr, classOpt) {
@@ -775,7 +744,7 @@ var lodash = { exports: {} };
       var objectCtorString = funcToString.call(Object2);
       var oldDash = root._;
       var reIsNative = RegExp2("^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-      var Buffer2 = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
+      var Buffer = moduleExports ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array = context.Uint8Array, allocUnsafe = Buffer ? Buffer.allocUnsafe : undefined$1, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined$1;
       var defineProperty = function() {
         try {
           var func = getNative(Object2, "defineProperty");
@@ -785,11 +754,11 @@ var lodash = { exports: {} };
         }
       }();
       var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
-      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
-      var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
-      var metaMap = WeakMap2 && new WeakMap2();
+      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
+      var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
+      var metaMap = WeakMap && new WeakMap();
       var realNames = {};
-      var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap2);
+      var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap);
       var symbolProto = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf = symbolProto ? symbolProto.valueOf : undefined$1, symbolToString = symbolProto ? symbolProto.toString : undefined$1;
       function lodash2(value) {
         if (isObjectLike(value) && !isArray(value) && !(value instanceof LazyWrapper)) {
@@ -1244,7 +1213,7 @@ var lodash = { exports: {} };
         if (typeof func != "function") {
           throw new TypeError2(FUNC_ERROR_TEXT);
         }
-        return setTimeout(function() {
+        return setTimeout2(function() {
           func.apply(undefined$1, args);
         }, wait);
       }
@@ -2037,7 +2006,7 @@ var lodash = { exports: {} };
       }
       function cloneArrayBuffer(arrayBuffer) {
         var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-        new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
+        new Uint8Array(result2).set(new Uint8Array(arrayBuffer));
         return result2;
       }
       function cloneDataView(dataView, isDeep) {
@@ -2481,8 +2450,8 @@ var lodash = { exports: {} };
           return func(number4);
         };
       }
-      var createSet = !(Set && 1 / setToArray(new Set([, -0]))[1] == INFINITY) ? noop : function(values2) {
-        return new Set(values2);
+      var createSet = !(Set2 && 1 / setToArray(new Set2([, -0]))[1] == INFINITY) ? noop : function(values2) {
+        return new Set2(values2);
       };
       function createToPairs(keysFunc) {
         return function(object4) {
@@ -2619,7 +2588,7 @@ var lodash = { exports: {} };
             object4 = object4.buffer;
             other = other.buffer;
           case arrayBufferTag:
-            if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object4), new Uint8Array2(other))) {
+            if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array(object4), new Uint8Array(other))) {
               return false;
             }
             return true;
@@ -2781,7 +2750,7 @@ var lodash = { exports: {} };
         return result2;
       };
       var getTag = baseGetTag;
-      if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
+      if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
         getTag = function(value) {
           var result2 = baseGetTag(value), Ctor = result2 == objectTag ? value.constructor : undefined$1, ctorString = Ctor ? toSource(Ctor) : "";
           if (ctorString) {
@@ -3053,7 +3022,7 @@ var lodash = { exports: {} };
         return object4[key];
       }
       var setData = shortOut(baseSetData);
-      var setTimeout = ctxSetTimeout || function(func, wait) {
+      var setTimeout2 = ctxSetTimeout || function(func, wait) {
         return root.setTimeout(func, wait);
       };
       var setToString = shortOut(baseSetToString);
@@ -3845,7 +3814,7 @@ var lodash = { exports: {} };
         }
         function leadingEdge(time) {
           lastInvokeTime = time;
-          timerId = setTimeout(timerExpired, wait);
+          timerId = setTimeout2(timerExpired, wait);
           return leading ? invokeFunc(time) : result2;
         }
         function remainingWait(time) {
@@ -3861,7 +3830,7 @@ var lodash = { exports: {} };
           if (shouldInvoke(time)) {
             return trailingEdge(time);
           }
-          timerId = setTimeout(timerExpired, remainingWait(time));
+          timerId = setTimeout2(timerExpired, remainingWait(time));
         }
         function trailingEdge(time) {
           timerId = undefined$1;
@@ -3892,12 +3861,12 @@ var lodash = { exports: {} };
             }
             if (maxing) {
               clearTimeout(timerId);
-              timerId = setTimeout(timerExpired, wait);
+              timerId = setTimeout2(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
           }
           if (timerId === undefined$1) {
-            timerId = setTimeout(timerExpired, wait);
+            timerId = setTimeout2(timerExpired, wait);
           }
           return result2;
         }
@@ -5553,7 +5522,10 @@ function useFormValidation(itemContexts) {
       try {
         await field.validate("");
       } catch (err) {
-        errors = __spreadValues(__spreadValues({}, errors), err);
+        errors = {
+          ...errors,
+          ...err
+        };
       }
     }
     if (!Object.keys(errors).length) {
@@ -5610,11 +5582,12 @@ defineComponent({
     }, {
       deep: true
     });
-    provide(FORM_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+    provide(FORM_TOKEN, reactive({
+      ...toRefs(props),
       emit: ctx.emit,
       addItemContext,
       removeItemContext
-    })));
+    }));
     ctx.expose({
       validate,
       validateFields,
@@ -6491,7 +6464,7 @@ var FormControl = defineComponent({
   }
 });
 function _extends() {
-  _extends = Object.assign || function(target) {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -6510,13 +6483,13 @@ function _inheritsLoose(subClass, superClass) {
   _setPrototypeOf(subClass, superClass);
 }
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
     return o2.__proto__ || Object.getPrototypeOf(o2);
   };
   return _getPrototypeOf(o);
 }
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
     o2.__proto__ = p2;
     return o2;
   };
@@ -6539,7 +6512,7 @@ function _isNativeReflectConstruct() {
 }
 function _construct(Parent, args, Class) {
   if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
+    _construct = Reflect.construct.bind();
   } else {
     _construct = function _construct2(Parent2, args2, Class2) {
       var a = [null];
@@ -6817,9 +6790,45 @@ var whitespace = function whitespace2(rule, value, source, errors, options) {
     errors.push(format(options.messages.whitespace, rule.fullField));
   }
 };
+var urlReg;
+var getUrlRegex = function() {
+  if (urlReg) {
+    return urlReg;
+  }
+  var word = "[a-fA-F\\d:]";
+  var b = function b2(options) {
+    return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
+  };
+  var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
+  var v6seg = "[a-fA-F\\d]{1,4}";
+  var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
+  var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
+  var v4exact = new RegExp("^" + v4 + "$");
+  var v6exact = new RegExp("^" + v6 + "$");
+  var ip = function ip2(options) {
+    return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
+  };
+  ip.v4 = function(options) {
+    return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
+  };
+  ip.v6 = function(options) {
+    return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");
+  };
+  var protocol = "(?:(?:[a-z]+:)?//)";
+  var auth = "(?:\\S+(?::\\S*)?@)?";
+  var ipv4 = ip.v4().source;
+  var ipv6 = ip.v6().source;
+  var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
+  var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
+  var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
+  var port = "(?::\\d{2,5})?";
+  var path = '(?:[/?#][^\\s"]*)?';
+  var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
+  urlReg = new RegExp("(?:^" + regex + "$)", "i");
+  return urlReg;
+};
 var pattern$2 = {
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
-  url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
   hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
 };
 var types = {
@@ -6861,7 +6870,7 @@ var types = {
     return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
   },
   url: function url(value) {
-    return typeof value === "string" && value.length <= 2048 && !!value.match(pattern$2.url);
+    return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
   },
   hex: function hex(value) {
     return typeof value === "string" && !!value.match(pattern$2.hex);
@@ -7436,7 +7445,17 @@ var Schema = /* @__PURE__ */ function() {
       if (rule.asyncValidator) {
         res = rule.asyncValidator(rule, data.value, cb, data.source, options);
       } else if (rule.validator) {
-        res = rule.validator(rule, data.value, cb, data.source, options);
+        try {
+          res = rule.validator(rule, data.value, cb, data.source, options);
+        } catch (error) {
+          console.error == null ? void 0 : console.error(error);
+          if (!options.suppressValidatorError) {
+            setTimeout(function() {
+              throw error;
+            }, 0);
+          }
+          cb(error.message);
+        }
         if (res === true) {
           cb();
         } else if (res === false) {
@@ -7557,10 +7576,7 @@ function useFormItemValidate(props, _rules) {
       } else {
         return rule.trigger === triggerVal;
       }
-    }).map((_a) => {
-      var _b = _a, { trigger } = _b, rule = __objRest(_b, ["trigger"]);
-      return rule;
-    });
+    }).map(({ ...rule }) => rule);
   };
   const onValidateSuccess = () => {
     validateState.value = "success";
@@ -7633,15 +7649,12 @@ defineComponent({
   props: formItemProps,
   setup(props, ctx) {
     const formContext = inject(FORM_TOKEN);
-    const _a = toRefs(props), {
+    const {
       messageType: itemMessageType,
       popPosition: itemPopPosition,
-      showFeedback: itemShowFeedback
-    } = _a, otherProps = __objRest(_a, [
-      "messageType",
-      "popPosition",
-      "showFeedback"
-    ]);
+      showFeedback: itemShowFeedback,
+      ...otherProps
+    } = toRefs(props);
     const {
       label,
       helpTips,
@@ -7671,7 +7684,8 @@ defineComponent({
       labelAlign: formContext.labelAlign
     }));
     provide(LABEL_DATA, labelData);
-    const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
+    const context = reactive({
+      ...otherProps,
       showFeedback,
       messageType,
       popPosition,
@@ -7681,7 +7695,7 @@ defineComponent({
       validate,
       resetField,
       clearValidate
-    }));
+    });
     provide(FORM_ITEM_TOKEN, context);
     ctx.expose({
       resetField,
@@ -7706,8 +7720,8 @@ defineComponent({
       "extra-info": extraInfo.value
     }, {
       default: () => {
-        var _a2, _b;
-        return [(_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2)];
+        var _a, _b;
+        return [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)];
       }
     })]);
   }
@@ -7743,6 +7757,14 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
   const selectDisabled = computed(() => (formContext == null ? void 0 : formContext.disabled) || props.disabled);
   const selectSize = computed(() => (formContext == null ? void 0 : formContext.size) || props.size);
   const isObjectOption = ref(false);
+  const originRef = ref();
+  const dropdownWidth = computed(() => {
+    var _a;
+    if (!((_a = originRef == null ? void 0 : originRef.value) == null ? void 0 : _a.clientWidth)) {
+      return "100%";
+    }
+    return originRef.value.clientWidth + "px";
+  });
   const isOpen = ref(false);
   const toggleChange = (bool) => {
     if (selectDisabled.value) {
@@ -7772,10 +7794,11 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
     return props.options.map((item) => {
       let option;
       if (typeof item === "object") {
-        option = __spreadValues({
+        option = {
           name: item.name ? item.name : item.value + "",
-          _checked: false
-        }, item);
+          _checked: false,
+          ...item
+        };
       } else {
         option = {
           name: item + "",
@@ -7824,18 +7847,14 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
       }
     });
   };
-  const selectedOptions = ref([]);
   const filterQuery = ref("");
-  const inputValue = computed(() => {
-    var _a;
+  const selectedOptions = computed(() => {
     if (props.multiple && Array.isArray(props.modelValue)) {
-      selectedOptions.value = getInjectOptions(props.modelValue).filter((item) => item ? true : false);
-      return selectedOptions.value.map((item) => (item == null ? void 0 : item.name) || (item == null ? void 0 : item.value) || "").join(",");
+      return getInjectOptions(props.modelValue).filter((item) => item ? true : false);
     } else if (!Array.isArray(props.modelValue)) {
-      selectedOptions.value = getInjectOptions([props.modelValue]).filter((item) => item ? true : false);
-      return ((_a = selectedOptions.value[0]) == null ? void 0 : _a.name) || "";
+      return getInjectOptions([props.modelValue]).filter((item) => item ? true : false);
     }
-    return "";
+    return [];
   });
   const onClick = function(e) {
     e.preventDefault();
@@ -7892,8 +7911,8 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
       getMultipleSelected(checkedItems);
     } else {
       ctx.emit("update:modelValue", item.value);
-      toggleChange(false);
       getSingleSelected(item);
+      toggleChange(false);
     }
   };
   const handleClose = () => {
@@ -7916,9 +7935,11 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
   };
   const tagDelete = (data) => {
     let { modelValue } = props;
-    data._checked = !data._checked;
     const checkedItems = [];
     for (const child of injectOptions.value.values()) {
+      if (data.value === child.value) {
+        child._checked = false;
+      }
       if (child._checked) {
         checkedItems.push(child.value);
       }
@@ -7996,16 +8017,17 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
     selectDisabled,
     selectSize,
     containerRef,
+    originRef,
     dropdownRef,
     isOpen,
     selectCls,
     mergeOptions,
-    inputValue,
     selectedOptions,
     filterQuery,
     emptyText,
     isLoading,
     isShowEmptyText,
+    dropdownWidth,
     onClick,
     handleClear,
     valueChange,
@@ -8128,12 +8150,6 @@ const optionProps = {
     default: false
   }
 };
-const selectContentProps = {
-  value: {
-    type: String,
-    default: ""
-  }
-};
 const optionGroupProps = {
   label: {
     type: String
@@ -8182,7 +8198,8 @@ const commonProps = {
     default: "md"
   }
 };
-const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+const checkboxProps = {
+  ...commonProps,
   checked: {
     type: Boolean,
     default: false
@@ -8212,8 +8229,9 @@ const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
     type: Boolean,
     default: false
   }
-});
-const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
+};
+const checkboxGroupProps = {
+  ...commonProps,
   modelValue: {
     type: Array,
     required: true
@@ -8250,7 +8268,7 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
     type: String,
     default: ""
   }
-});
+};
 const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
 function useCheckbox(props, ctx) {
   const formContext = inject(FORM_TOKEN, void 0);
@@ -8526,9 +8544,10 @@ defineComponent({
                   value: opt
                 });
               } else if (typeof opt === "object") {
-                mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
+                mergedOpt = Object.assign({}, defaultOpt, {
+                  ...opt,
                   label: opt.name
-                }));
+                });
               }
               return createVNode(Checkbox, mergedOpt, null);
             });
@@ -8835,6 +8854,155 @@ var Tag = defineComponent({
     };
   }
 });
+function deepAssign(...objects) {
+  const isObject2 = (obj) => obj && typeof obj === "object";
+  return objects.reduce((prev, from) => {
+    Object.keys(from).forEach((key) => {
+      const pVal = prev[key];
+      const oVal = from[key];
+      if (Array.isArray(pVal) && Array.isArray(oVal)) {
+        prev[key] = Array.from(/* @__PURE__ */ new Set([...oVal, ...pVal]));
+      } else if (isObject2(pVal) && isObject2(oVal)) {
+        prev[key] = deepAssign(pVal, oVal);
+      } else {
+        prev[key] = oVal;
+      }
+    });
+    return prev;
+  }, {});
+}
+var zhCN = {
+  pagination: {
+    totalItemText: "\u6240\u6709\u6761\u76EE",
+    goToText: "\u8DF3\u81F3"
+  },
+  accordion: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  autoCompleteDropdown: {
+    latestInput: "\u6700\u8FD1\u8F93\u5165"
+  },
+  cascaderList: {
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  colorPicker: {
+    foundationPanel: "\u57FA\u7840\u9762\u677F",
+    advancedPanel: "\u9AD8\u7EA7\u9762\u677F"
+  },
+  datePickerPro: {
+    ok: "\u786E\u5B9A",
+    placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+    month1: "1\u6708",
+    month2: "2\u6708",
+    month3: "3\u6708",
+    month4: "4\u6708",
+    month5: "5\u6708",
+    month6: "6\u6708",
+    month7: "7\u6708",
+    month8: "8\u6708",
+    month9: "9\u6708",
+    month10: "10\u6708",
+    month11: "11\u6708",
+    month12: "12\u6708",
+    year: "\u5E74",
+    startPlaceholder: "\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",
+    endPlaceholder: "\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",
+    getWeekDays() {
+      return ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"];
+    },
+    getTimeArr() {
+      return ["\u65F6", "\u5206", "\u79D2"];
+    },
+    getYearMonthStr(year, month) {
+      return `${year}\u5E74${month}\u6708`;
+    }
+  },
+  editableSelect: {
+    noRelatedRecords: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    noData: "\u6CA1\u6709\u6570\u636E"
+  },
+  input: {
+    placeholder: "\u8BF7\u8F93\u5165"
+  },
+  splitterBar: {
+    collapse: "\u6536\u8D77",
+    expand: "\u5C55\u5F00"
+  },
+  stepsGuide: {
+    previous: "\u4E0A\u4E00\u6B65",
+    continue: "\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",
+    ok: "\u6211\u77E5\u9053\u5566"
+  },
+  table: {
+    selectAll: "\u5168\u9009",
+    ok: "\u786E\u5B9A"
+  },
+  timePopup: {
+    ok: "\u786E\u5B9A"
+  },
+  transfer: {
+    unit: "\u9879",
+    panelUnit: "\u9879",
+    headerUnit: "\u9879",
+    noData: "\u6682\u65E0\u6570\u636E",
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"
+  },
+  tree: {
+    loading: "\u52A0\u8F7D\u4E2D",
+    newNode: "\u65B0\u8282\u70B9",
+    selectPlaceholder: "\u8BF7\u9009\u62E9"
+  },
+  upload: {
+    placeholder: "\u9009\u62E9\u6587\u4EF6",
+    getExistSameNameFilesMsg(sameNames) {
+      return `\u60A8\u4E0A\u4F20\u7684 "${sameNames}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`;
+    },
+    getAllFilesBeyondMaximalFileSizeMsg(maximalSize) {
+      return `\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`;
+    },
+    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`;
+    },
+    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`;
+    }
+  },
+  search: {
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57"
+  },
+  select: {
+    placeholder: "\u8BF7\u9009\u62E9",
+    noDataText: "\u65E0\u6570\u636E",
+    noMatchText: "\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",
+    loadingText: "\u52A0\u8F7D\u4E2D..."
+  },
+  tagInput: {
+    maxTagsText: "\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"
+  },
+  timeSelect: {
+    placeholder: "\u8BF7\u9009\u62E9\u65F6\u95F4"
+  }
+};
+const lang = ref("zh-CN");
+let langMessages = reactive({
+  [lang.value]: zhCN
+});
+const Locale = {
+  messages() {
+    return langMessages[lang.value];
+  },
+  lang() {
+    return lang.value;
+  },
+  use(newLang, newMessages2) {
+    lang.value = newLang;
+    this.add({ [newLang]: newMessages2 });
+  },
+  add(newMessages2 = {}) {
+    langMessages = deepAssign(langMessages, newMessages2);
+  }
+};
 const camelize = (name) => name.substring(1).replace(/^\S/, (s) => s.toLocaleLowerCase());
 function get(object4, path) {
   const keys = path.split(".");
@@ -8848,12 +9016,13 @@ function get(object4, path) {
 function createI18nTranslate(name, app, newPrefix) {
   const prefix = newPrefix || camelize(name) + ".";
   return (path) => {
-    const messages2 = app == null ? void 0 : app.appContext.config.globalProperties.langMessages.value;
+    var _a;
+    const messages2 = ((_a = app == null ? void 0 : app.appContext.config.globalProperties.langMessages) == null ? void 0 : _a.value) || Locale.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return message;
   };
 }
-function useSelectContent(props) {
+function useSelectContent() {
   const ns2 = useNamespace("select");
   const select2 = inject(SELECT_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
@@ -8874,8 +9043,16 @@ function useSelectContent(props) {
       return true;
     }
   });
+  const displayInputValue = computed(() => {
+    var _a;
+    if (select2 == null ? void 0 : select2.selectedOptions) {
+      return select2.selectedOptions.length > 1 ? select2.selectedOptions.map((item) => (item == null ? void 0 : item.name) || (item == null ? void 0 : item.value) || "").join(",") : ((_a = select2.selectedOptions[0]) == null ? void 0 : _a.name) || "";
+    } else {
+      return "";
+    }
+  });
   const mergeClearable = computed(() => {
-    return !isSelectDisable.value && !!(select2 == null ? void 0 : select2.allowClear) && props.value.length > 0;
+    return !isSelectDisable.value && !!(select2 == null ? void 0 : select2.allowClear) && (displayInputValue.value ? true : false);
   });
   const isDisabledTooltip = computed(() => {
     return !isSupportTagsTooltip.value || !!(select2 == null ? void 0 : select2.isOpen);
@@ -8893,7 +9070,7 @@ function useSelectContent(props) {
     });
   });
   const tagSize = computed(() => (select2 == null ? void 0 : select2.selectSize) || "sm");
-  const placeholder = computed(() => props.value.length > 0 ? "" : (select2 == null ? void 0 : select2.placeholder) || t("placeholder"));
+  const placeholder = computed(() => displayInputValue.value ? "" : (select2 == null ? void 0 : select2.placeholder) || t("placeholder"));
   const isMultiple = computed(() => !!(select2 == null ? void 0 : select2.multiple));
   const handleClear = (e) => {
     e.preventDefault();
@@ -8931,6 +9108,7 @@ function useSelectContent(props) {
     tagSize,
     placeholder,
     isMultiple,
+    displayInputValue,
     handleClear,
     tagDelete,
     onFocus,
@@ -8940,8 +9118,7 @@ function useSelectContent(props) {
 }
 var SelectContent = defineComponent({
   name: "SelectContent",
-  props: selectContentProps,
-  setup(props) {
+  setup() {
     const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
     const ns2 = useNamespace("select");
     const clearCls = computed(() => ({
@@ -8966,12 +9143,13 @@ var SelectContent = defineComponent({
       tagSize,
       placeholder,
       isMultiple,
+      displayInputValue,
       handleClear,
       tagDelete,
       onFocus,
       onBlur,
       queryFilter
-    } = useSelectContent(props);
+    } = useSelectContent();
     return () => {
       return createVNode("div", {
         "class": selectionCls.value
@@ -9002,7 +9180,9 @@ var SelectContent = defineComponent({
         "trigger": "hover",
         "disabled": isDisabledTooltip.value
       }, {
-        default: () => createVNode(Tag, null, {
+        default: () => createVNode(Tag, {
+          "size": tagSize.value
+        }, {
           default: () => [`+${selectedData.value.length - 1}`]
         }),
         content: () => createVNode("div", null, [selectedData.value.map((item) => createVNode(Tag, {
@@ -9032,7 +9212,7 @@ var SelectContent = defineComponent({
         "onBlur": onBlur
       }, null)])]) : createVNode("input", {
         "ref": "input",
-        "value": props.value,
+        "value": displayInputValue.value,
         "type": "text",
         "class": inputCls.value,
         "placeholder": placeholder.value,
@@ -9091,16 +9271,17 @@ var Select = defineComponent({
       selectDisabled,
       selectSize,
       containerRef,
+      originRef,
       dropdownRef,
       isOpen,
       selectCls,
       mergeOptions,
-      inputValue,
       selectedOptions,
       filterQuery,
       emptyText,
       isLoading,
       isShowEmptyText,
+      dropdownWidth,
       onClick,
       valueChange,
       handleClear,
@@ -9126,7 +9307,13 @@ var Select = defineComponent({
       blur,
       toggleChange
     });
-    provide(SELECT_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+    const isRender = ref(false);
+    const position = ref(["bottom-start", "top-start"]);
+    onMounted(() => {
+      isRender.value = true;
+    });
+    provide(SELECT_TOKEN, reactive({
+      ...toRefs(props),
       selectDisabled,
       selectSize,
       isOpen,
@@ -9139,49 +9326,66 @@ var Select = defineComponent({
       onFocus,
       onBlur,
       debounceQueryFilter
-    })));
+    }));
     return () => {
       return createVNode("div", {
         "class": selectCls.value,
         "ref": containerRef,
         "onClick": onClick
+      }, [createVNode("div", {
+        "ref": originRef
       }, [createVNode(SelectContent, {
-        "ref": selectRef,
-        "value": inputValue.value
-      }, null), createVNode(Transition, {
-        "name": "fade",
-        "ref": dropdownRef
+        "ref": selectRef
+      }, null)]), createVNode(Transition, {
+        "name": "fade"
       }, {
-        default: () => {
-          var _a, _b, _c, _d;
-          return [withDirectives(createVNode("div", {
-            "class": dropdownCls
-          }, [withDirectives(createVNode("ul", {
-            "class": listCls
-          }, [isShowCreateOption.value && createVNode(Option, {
-            "value": filterQuery.value,
-            "name": filterQuery.value,
-            "create": true
-          }, {
-            default: () => [props.multiple ? createVNode(Checkbox, {
-              "modelValue": false,
-              "label": filterQuery.value
-            }, null) : filterQuery.value]
-          }), ((_a = ctx.slots) == null ? void 0 : _a.default) && ctx.slots.default(), !((_b = ctx.slots) == null ? void 0 : _b.default) && mergeOptions.value.length >= 1 && mergeOptions.value.map((item, i) => createVNode(Option, {
-            "key": i,
-            "value": item.value,
-            "name": item.name,
-            "disabled": isDisabled(item)
-          }, {
-            default: () => [props.multiple ? createVNode(Checkbox, {
-              "modelValue": item._checked,
-              "label": item.name,
+        default: () => [createVNode(FlexibleOverlay, {
+          "modelValue": isRender.value,
+          "onUpdate:modelValue": ($event) => isRender.value = $event,
+          "ref": dropdownRef,
+          "origin": originRef.value,
+          "align": "start",
+          "position": position.value,
+          "style": {
+            visibility: isOpen.value ? "visible" : "hidden",
+            "z-index": isOpen.value ? 1e3 : -1
+          }
+        }, {
+          default: () => {
+            var _a, _b, _c, _d;
+            return [createVNode("div", {
+              "class": dropdownCls,
+              "style": {
+                width: `${dropdownWidth.value}`,
+                visibility: isOpen.value ? "visible" : "hidden"
+              }
+            }, [withDirectives(createVNode("ul", {
+              "class": listCls
+            }, [isShowCreateOption.value && createVNode(Option, {
+              "value": filterQuery.value,
+              "name": filterQuery.value,
+              "create": true
+            }, {
+              default: () => [props.multiple ? createVNode(Checkbox, {
+                "modelValue": false,
+                "label": filterQuery.value
+              }, null) : filterQuery.value]
+            }), ((_a = ctx.slots) == null ? void 0 : _a.default) && ctx.slots.default(), !((_b = ctx.slots) == null ? void 0 : _b.default) && mergeOptions.value.length >= 1 && mergeOptions.value.map((item) => createVNode(Option, {
+              "key": item.value,
+              "value": item.value,
+              "name": item.name,
               "disabled": isDisabled(item)
-            }, null) : item.name || item.value]
-          }))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx.slots) == null ? void 0 : _c.empty) && ctx.slots.empty(), !((_d = ctx.slots) == null ? void 0 : _d.empty) && createVNode("p", {
-            "class": dropdownEmptyCls
-          }, [emptyText.value])])]), [[vShow, isOpen.value]])];
-        }
+            }, {
+              default: () => [props.multiple ? createVNode(Checkbox, {
+                "modelValue": item._checked,
+                "label": item.name,
+                "disabled": isDisabled(item)
+              }, null) : item.name || item.value]
+            }))]), [[vShow, !isLoading.value]]), isShowEmptyText.value && createVNode("div", null, [((_c = ctx.slots) == null ? void 0 : _c.empty) && ctx.slots.empty(), !((_d = ctx.slots) == null ? void 0 : _d.empty) && createVNode("p", {
+              "class": dropdownEmptyCls
+            }, [emptyText.value])])])];
+          }
+        })]
       })]);
     };
   }
@@ -9191,7 +9395,9 @@ var OptionGroup = defineComponent({
   props: optionGroupProps,
   setup(props, ctx) {
     const ns2 = useNamespace("select");
-    provide(OPTION_GROUP_TOKEN, reactive(__spreadValues({}, toRefs(props))));
+    provide(OPTION_GROUP_TOKEN, reactive({
+      ...toRefs(props)
+    }));
     return () => {
       var _a;
       return createVNode("ul", {