vue-devui 1.0.0-rc.14 → 1.0.0-rc.17

package/time-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 { ref, reactive, defineComponent, watch, provide, toRefs, createVNode, onUnmounted, Transition, mergeProps, unref, nextTick, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance } from "vue";
+import { ref, reactive, defineComponent, watch, provide, toRefs, createVNode, onUnmounted, Transition, mergeProps, nextTick, unref, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, withModifiers, 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 deepAssign(...objects) {
@@ -943,7 +912,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");
@@ -953,11 +922,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"), Set2 = 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(Set2), 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)) {
@@ -1412,7 +1381,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);
       }
@@ -2205,7 +2174,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) {
@@ -2787,7 +2756,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;
@@ -2949,7 +2918,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 || Set2 && getTag(new Set2()) != 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) {
@@ -3221,7 +3190,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);
@@ -4013,7 +3982,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) {
@@ -4029,7 +3998,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;
@@ -4060,12 +4029,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;
         }
@@ -5721,7 +5690,10 @@ function useFormValidation(itemContexts) {
       try {
         await field.validate("");
       } catch (err) {
-        errors = __spreadValues(__spreadValues({}, errors), err);
+        errors = {
+          ...errors,
+          ...err
+        };
       }
     }
     if (!Object.keys(errors).length) {
@@ -5778,11 +5750,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,
@@ -6445,6 +6418,8 @@ var Popover = defineComponent({
           "style": overlayStyles.value
         }, attrs, {
           "onPositionChange": handlePositionChange,
+          "onClick": withModifiers(() => ({}), ["stop"]),
+          "onPointerup": withModifiers(() => ({}), ["stop"]),
           "onMouseenter": onMouseenter,
           "onMouseleave": onMouseleave
         }), {
@@ -6659,7 +6634,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) {
@@ -6678,13 +6653,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;
   };
@@ -6707,7 +6682,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];
@@ -6985,9 +6960,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 = {
@@ -7029,7 +7040,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);
@@ -7604,7 +7615,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) {
@@ -7725,10 +7746,7 @@ function useFormItemValidate(props, _rules) {
       } else {
         return rule.trigger === triggerVal;
       }
-    }).map((_a) => {
-      var rule = __objRest(_a, []);
-      return rule;
-    });
+    }).map(({ ...rule }) => rule);
   };
   const onValidateSuccess = () => {
     validateState.value = "success";
@@ -7801,15 +7819,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,
@@ -7839,7 +7854,8 @@ defineComponent({
       labelAlign: formContext.labelAlign
     }));
     provide(LABEL_DATA, labelData);
-    const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
+    const context = reactive({
+      ...otherProps,
       showFeedback,
       messageType,
       popPosition,
@@ -7849,7 +7865,7 @@ defineComponent({
       validate,
       resetField,
       clearValidate
-    }));
+    });
     provide(FORM_ITEM_TOKEN, context);
     ctx.expose({
       resetField,
@@ -7874,8 +7890,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)];
       }
     })]);
   }
@@ -7948,10 +7964,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 + "",
@@ -8000,18 +8017,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();
@@ -8092,9 +8105,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);
       }
@@ -8177,7 +8192,6 @@ function useSelect(props, ctx, focus, blur, isSelectFocus, t) {
     isOpen,
     selectCls,
     mergeOptions,
-    inputValue,
     selectedOptions,
     filterQuery,
     emptyText,
@@ -8306,12 +8320,6 @@ const optionProps = {
     default: false
   }
 };
-const selectContentProps = {
-  value: {
-    type: String,
-    default: ""
-  }
-};
 const optionGroupProps = {
   label: {
     type: String
@@ -8360,7 +8368,8 @@ const commonProps = {
     default: "md"
   }
 };
-const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+const checkboxProps = {
+  ...commonProps,
   checked: {
     type: Boolean,
     default: false
@@ -8390,8 +8399,9 @@ const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
     type: Boolean,
     default: false
   }
-});
-const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
+};
+const checkboxGroupProps = {
+  ...commonProps,
   modelValue: {
     type: Array,
     required: true
@@ -8428,7 +8438,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);
@@ -8704,9 +8714,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);
             });
@@ -9013,7 +9024,7 @@ var Tag = defineComponent({
     };
   }
 });
-function useSelectContent(props) {
+function useSelectContent() {
   const ns2 = useNamespace("select");
   const select2 = inject(SELECT_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
@@ -9034,8 +9045,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);
@@ -9053,7 +9072,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();
@@ -9091,6 +9110,7 @@ function useSelectContent(props) {
     tagSize,
     placeholder,
     isMultiple,
+    displayInputValue,
     handleClear,
     tagDelete,
     onFocus,
@@ -9100,8 +9120,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(() => ({
@@ -9126,12 +9145,13 @@ var SelectContent = defineComponent({
       tagSize,
       placeholder,
       isMultiple,
+      displayInputValue,
       handleClear,
       tagDelete,
       onFocus,
       onBlur,
       queryFilter
-    } = useSelectContent(props);
+    } = useSelectContent();
     return () => {
       return createVNode("div", {
         "class": selectionCls.value
@@ -9194,7 +9214,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,
@@ -9258,7 +9278,6 @@ var Select = defineComponent({
       isOpen,
       selectCls,
       mergeOptions,
-      inputValue,
       selectedOptions,
       filterQuery,
       emptyText,
@@ -9295,7 +9314,8 @@ var Select = defineComponent({
     onMounted(() => {
       isRender.value = true;
     });
-    provide(SELECT_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+    provide(SELECT_TOKEN, reactive({
+      ...toRefs(props),
       selectDisabled,
       selectSize,
       isOpen,
@@ -9308,7 +9328,7 @@ var Select = defineComponent({
       onFocus,
       onBlur,
       debounceQueryFilter
-    })));
+    }));
     return () => {
       return createVNode("div", {
         "class": selectCls.value,
@@ -9317,8 +9337,7 @@ var Select = defineComponent({
       }, [createVNode("div", {
         "ref": originRef
       }, [createVNode(SelectContent, {
-        "ref": selectRef,
-        "value": inputValue.value
+        "ref": selectRef
       }, null)]), createVNode(Transition, {
         "name": "fade"
       }, {
@@ -9353,8 +9372,8 @@ var Select = defineComponent({
                 "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,
+            }), ((_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)
@@ -9378,7 +9397,9 @@ 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", {