vue-devui 1.0.0-rc.13 → 1.0.0-rc.16

package/date-picker-pro/index.es.js

@@ -1,39 +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;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-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, shallowRef, resolveDynamicComponent, getCurrentInstance, onBeforeMount, render, resolveDirective, toRef, isVNode, renderSlot, useSlots } 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, shallowRef, resolveDynamicComponent, getCurrentInstance, onBeforeMount, isVNode, onUpdated, toRaw, watchEffect, render, resolveDirective, toRef, renderSlot, useSlots } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
 const datePickerProCommonProps = {
@@ -53,7 +18,8 @@ const datePickerProCommonProps = {
     default: false
   },
   calendarRange: {
-    type: Array
+    type: Array,
+    default: [1970, 2099]
   },
   limitDateRange: {
     type: Array
@@ -63,7 +29,7 @@ const datePickerProCommonProps = {
     default: "date"
   }
 };
-const datePickerProProps = __spreadValues({
+const datePickerProProps = {
   modelValue: {
     type: [Date, String],
     default: ""
@@ -71,9 +37,10 @@ const datePickerProProps = __spreadValues({
   placeholder: {
     type: String,
     default: ""
-  }
-}, datePickerProCommonProps);
-const datePickerProPanelProps = __spreadValues({
+  },
+  ...datePickerProCommonProps
+};
+const datePickerProPanelProps = {
   visible: {
     type: Boolean,
     default: false
@@ -88,8 +55,9 @@ const datePickerProPanelProps = __spreadValues({
   focusType: {
     type: String,
     default: "start"
-  }
-}, datePickerProCommonProps);
+  },
+  ...datePickerProCommonProps
+};
 const timerPickerPanelProps = {
   visible: {
     type: Boolean,
@@ -122,7 +90,7 @@ var dayjs_min = { exports: {} };
     }, p: function(t2) {
       return { M: f, y: c, w: o, d: a, D: d, h: u, m: s, s: i, ms: r, Q: h2 }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
     }, u: function(t2) {
-      return t2 === void 0;
+      return void 0 === t2;
     } }, v = "en", D = {};
     D[v] = M;
     var p = function(t2) {
@@ -131,7 +99,7 @@ var dayjs_min = { exports: {} };
       var i2;
       if (!e2)
         return v;
-      if (typeof e2 == "string") {
+      if ("string" == typeof e2) {
         var s2 = e2.toLowerCase();
         D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
         var u2 = e2.split("-");
@@ -145,7 +113,7 @@ var dayjs_min = { exports: {} };
     }, w = function(t2, e2) {
       if (p(t2))
         return t2.clone();
-      var n2 = typeof e2 == "object" ? e2 : {};
+      var n2 = "object" == typeof e2 ? e2 : {};
       return n2.date = t2, n2.args = arguments, new _(n2);
     }, O = g;
     O.l = S, O.i = p, O.w = function(t2, e2) {
@@ -159,13 +127,13 @@ var dayjs_min = { exports: {} };
       return m2.parse = function(t2) {
         this.$d = function(t3) {
           var e2 = t3.date, n2 = t3.utc;
-          if (e2 === null)
+          if (null === e2)
             return new Date(NaN);
           if (O.u(e2))
             return new Date();
           if (e2 instanceof Date)
             return new Date(e2);
-          if (typeof e2 == "string" && !/Z$/i.test(e2)) {
+          if ("string" == typeof e2 && !/Z$/i.test(e2)) {
             var r2 = e2.match(l);
             if (r2) {
               var i2 = r2[2] - 1 || 0, s2 = (r2[7] || "0").substring(0, 3);
@@ -1122,7 +1090,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");
@@ -1132,11 +1100,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)) {
@@ -2371,7 +2339,7 @@ var lodash = { exports: {} };
         end = end === undefined$1 ? length : end;
         return !start && end >= length ? array4 : baseSlice(array4, start, end);
       }
-      var clearTimeout = ctxClearTimeout || function(id) {
+      var clearTimeout2 = ctxClearTimeout || function(id) {
         return root.clearTimeout(id);
       };
       function cloneBuffer(buffer, isDeep) {
@@ -2384,7 +2352,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) {
@@ -2966,7 +2934,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;
@@ -3128,7 +3096,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) {
@@ -4220,7 +4188,7 @@ var lodash = { exports: {} };
         }
         function cancel() {
           if (timerId !== undefined$1) {
-            clearTimeout(timerId);
+            clearTimeout2(timerId);
           }
           lastInvokeTime = 0;
           lastArgs = lastCallTime = lastThis = timerId = undefined$1;
@@ -4238,7 +4206,7 @@ var lodash = { exports: {} };
               return leadingEdge(lastCallTime);
             }
             if (maxing) {
-              clearTimeout(timerId);
+              clearTimeout2(timerId);
               timerId = setTimeout2(timerExpired, wait);
               return invokeFunc(lastCallTime);
             }
@@ -5845,7 +5813,10 @@ function useFormValidation(itemContexts) {
       try {
         await field.validate("");
       } catch (err) {
-        errors = __spreadValues(__spreadValues({}, errors), err);
+        errors = {
+          ...errors,
+          ...err
+        };
       }
     }
     if (!Object.keys(errors).length) {
@@ -5902,11 +5873,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,
@@ -6783,7 +6755,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) {
@@ -6802,13 +6774,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;
   };
@@ -6831,7 +6803,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];
@@ -7109,9 +7081,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 = {
@@ -7153,7 +7161,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);
@@ -7728,7 +7736,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) {
@@ -7849,10 +7867,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";
@@ -7925,15 +7940,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,
@@ -7963,7 +7975,8 @@ defineComponent({
       labelAlign: formContext.labelAlign
     }));
     provide(LABEL_DATA, labelData);
-    const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
+    const context = reactive({
+      ...otherProps,
       showFeedback,
       messageType,
       popPosition,
@@ -7973,7 +7986,7 @@ defineComponent({
       validate,
       resetField,
       clearValidate
-    }));
+    });
     provide(FORM_ITEM_TOKEN, context);
     ctx.expose({
       resetField,
@@ -7998,8 +8011,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)];
       }
     })]);
   }
@@ -8343,7 +8356,7 @@ function useInputRender(props, ctx) {
   const slots = ctx.slots;
   const inputDisabled = computed(() => disabled.value || (formContext == null ? void 0 : formContext.disabled));
   const inputSize = computed(() => (size == null ? void 0 : size.value) || (formContext == null ? void 0 : formContext.size) || "");
-  const _a = ctx.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
+  const { style, class: customClass, ...otherAttrs } = ctx.attrs;
   const customStyle = { style };
   const wrapClasses = computed(() => ({
     [ns2.e("wrapper")]: true,
@@ -8411,6 +8424,155 @@ function useInputFunction(input2) {
   return { select, focus, blur };
 }
 var input = "";
+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(".");
@@ -8424,7 +8586,8 @@ 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;
   };
@@ -8535,8 +8698,12 @@ var Input = defineComponent({
 const DAY_DURATION = 24 * 60 * 60 * 1e3;
 const yearItemHeight = 30;
 const calendarItemHeight = 186;
-const yearCalendarItemHeight = 48;
+const yearListHeight = 305;
+const calendarListHeight = 270;
+const monthPickerHeight = 300;
 const monthCalendarItemHeight = 186;
+const yearPickerHeight = 186;
+const yearCalendarItemHeight = 48;
 function useCalendarSelected(props, ctx) {
   const today = ref(new Date());
   const calendarRange = ref([]);
@@ -8742,25 +8909,25 @@ function useCalendarPanel(props, ctx) {
   };
   const goToYearDate = (index2) => {
     updateYearActive(index2);
-    let scrollHeight = (index2 - 4) * yearItemHeight;
-    if (scrollHeight < 0) {
-      scrollHeight = 0;
+    let scrollIndex = index2 - 4;
+    if (scrollIndex < 0) {
+      scrollIndex = 0;
     }
     nextTick(() => {
       var _a;
       const scrollEl = yearScrollRef.value;
-      (_a = scrollEl == null ? void 0 : scrollEl.scroll) == null ? void 0 : _a.call(scrollEl, 0, scrollHeight);
+      (_a = scrollEl == null ? void 0 : scrollEl.scrollTo) == null ? void 0 : _a.call(scrollEl, scrollIndex);
     });
   };
   const goToMonthDate = () => {
-    let scrollHeight = currentMonthIndex.value * calendarItemHeight;
-    if (scrollHeight < 0) {
-      scrollHeight = 0;
+    let scrollIndex = currentMonthIndex.value;
+    if (scrollIndex < 0) {
+      scrollIndex = 0;
     }
     nextTick(() => {
       var _a;
       const scrollEl = monthScrollRef.value;
-      (_a = scrollEl == null ? void 0 : scrollEl.scroll) == null ? void 0 : _a.call(scrollEl, 0, scrollHeight);
+      (_a = scrollEl == null ? void 0 : scrollEl.scrollTo) == null ? void 0 : _a.call(scrollEl, scrollIndex);
     });
   };
   const goToShowDate = (date4) => {
@@ -8780,12 +8947,10 @@ function useCalendarPanel(props, ctx) {
   };
   onBeforeMount(() => {
     today.value = new Date();
-    if (props.calendarRange) {
-      calendarRange.value = props.calendarRange;
-    } else {
-      calendarRange.value = [today.value.getFullYear() - 3, today.value.getFullYear() + 3];
-    }
+    calendarRange.value = props.calendarRange;
     initCalendarData();
+  });
+  onMounted(() => {
     initCalendarShow();
   });
   const handlerSetRangeDate = (day) => {
@@ -8835,9 +9000,6 @@ function useCalendarPanel(props, ctx) {
       goToShowDate(date4);
     }
   };
-  const handleScrollYearList = (e) => {
-    e.currentTarget;
-  };
   const debounceScrollMonth = lodash.exports.throttle((newScrollTop) => {
     currentMonthIndex.value = Math.floor(newScrollTop / calendarItemHeight) + (newScrollTop % calendarItemHeight > 100 ? 1 : 0);
     const yearIndex = isListCollapse.value ? Math.floor(currentMonthIndex.value / 12) : currentMonthIndex.value + Math.floor(currentMonthIndex.value / 12) + 1;
@@ -8884,7 +9046,6 @@ function useCalendarPanel(props, ctx) {
     handlerSelectDate,
     handlerYearCollapse,
     handlerClickMonth,
-    handleScrollYearList,
     handleScrollMonthList,
     isDateSelected,
     isStartDate,
@@ -8893,6 +9054,979 @@ function useCalendarPanel(props, ctx) {
     isDisabled
   };
 }
+const virtualListProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  component: {
+    type: String,
+    default: "div"
+  },
+  height: {
+    type: Number,
+    default: 100
+  },
+  itemHeight: {
+    type: Number,
+    default: 0
+  },
+  virtual: {
+    type: Boolean,
+    default: true
+  },
+  fullHeight: {
+    type: Boolean
+  },
+  itemKey: {
+    type: [String, Number, Function]
+  }
+};
+const resizeObserverContainerProps = {
+  height: {
+    type: Number
+  },
+  offset: {
+    type: Number || void 0
+  },
+  disabled: {
+    type: Function
+  },
+  onInnerResize: {
+    type: Function
+  }
+};
+const scrollBarProps = {
+  scrollTop: {
+    type: Number
+  },
+  scrollHeight: {
+    type: Number
+  },
+  height: {
+    type: Number
+  },
+  count: {
+    type: Number
+  },
+  onScroll: {
+    type: Function
+  },
+  onStartMove: {
+    type: Function
+  },
+  onStopMove: {
+    type: Function
+  }
+};
+const resizeObserverProps = {
+  disabled: {
+    type: Boolean
+  },
+  onResize: {
+    type: Function
+  }
+};
+function useVirtual(props) {
+  const isVirtual = computed(() => {
+    const {
+      height,
+      virtual
+    } = props;
+    return !!(virtual !== false && height);
+  });
+  const inVirtual = computed(() => {
+    const {
+      height,
+      data
+    } = props;
+    return isVirtual.value && data && 20 * data.length > height;
+  });
+  return {
+    isVirtual,
+    inVirtual
+  };
+}
+function useHeights(mergedData, getKey) {
+  const instance = /* @__PURE__ */ new Map();
+  let heights = /* @__PURE__ */ new Map();
+  const updatedMark = ref(Symbol("update"));
+  watch(mergedData, () => {
+    heights = /* @__PURE__ */ new Map();
+    updatedMark.value = Symbol("update");
+  });
+  let heightUpdateId = 0;
+  function collectHeight() {
+    heightUpdateId += 1;
+    const currentId = heightUpdateId;
+    Promise.resolve().then(() => {
+      if (currentId !== heightUpdateId) {
+        return;
+      }
+      instance.forEach((element, key) => {
+        if (element && element.offsetParent) {
+          const {
+            offsetHeight
+          } = element;
+          if (heights.get(key) !== offsetHeight) {
+            updatedMark.value = Symbol("update");
+            heights.set(key, element.offsetHeight);
+          }
+        }
+      });
+    });
+  }
+  function setInstance(item, ins) {
+    const key = getKey(item);
+    if (ins) {
+      instance.set(key, ins.$el || ins);
+      collectHeight();
+    } else {
+      instance.delete(key);
+    }
+  }
+  return [setInstance, collectHeight, heights, updatedMark];
+}
+var useOriginScroll = (isScrollAtTop, isScrollAtBottom) => {
+  let lock = false;
+  let lockTimeout = null;
+  function lockScroll2() {
+    if (lockTimeout) {
+      clearTimeout(lockTimeout);
+    }
+    lock = true;
+    lockTimeout = setTimeout(() => {
+      lock = false;
+    }, 50);
+  }
+  return (deltaY, smoothOffset = false) => {
+    const originScroll = deltaY < 0 && isScrollAtTop.value || deltaY > 0 && isScrollAtBottom.value;
+    if (smoothOffset && originScroll) {
+      if (lockTimeout) {
+        clearTimeout(lockTimeout);
+      }
+      lock = false;
+    } else if (!originScroll || lock) {
+      lockScroll2();
+    }
+    return !lock && originScroll;
+  };
+};
+const isValid = (value) => {
+  return value !== void 0 && value !== null && value !== "";
+};
+const isEmptyElement = (c) => {
+  var _a, _b;
+  return !!c && (c.type === Comment || c.type === Fragment && ((_a = c == null ? void 0 : c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && ((_b = c == null ? void 0 : c.children) == null ? void 0 : _b.trim()) === "");
+};
+const flattenChildren = (children, filterEmpty = true) => {
+  const temp = Array.isArray(children) ? children : [children];
+  const res = [];
+  temp.forEach((child) => {
+    if (Array.isArray(child)) {
+      res.push(...flattenChildren(child, filterEmpty));
+    } else if (child && child.type === Fragment) {
+      res.push(...flattenChildren(child.children, filterEmpty));
+    } else if (child && isVNode(child)) {
+      if (filterEmpty && !isEmptyElement(child)) {
+        res.push(child);
+      } else if (!filterEmpty) {
+        res.push(child);
+      }
+    } else if (isValid(child)) {
+      res.push(child);
+    }
+  });
+  return res;
+};
+const findDOMNode = (instance) => {
+  var _a;
+  let node = ((_a = instance == null ? void 0 : instance.vnode) == null ? void 0 : _a.el) || instance && ((instance == null ? void 0 : instance.$el) || instance);
+  while (node && !node.tagName) {
+    node = node.nextSibling;
+  }
+  return node;
+};
+const isFF = typeof navigator === "object" && /Firefox/i.test(navigator.userAgent);
+function useFrameWheel(inVirtual, isScrollAtTop, isScrollAtBottom, onWheelDelta) {
+  let offsetRef = 0;
+  let nextFrame = null;
+  let wheelValue = null;
+  let isMouseScroll = false;
+  const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom);
+  const onRawWheel = (event) => {
+    var _a;
+    if (!inVirtual.value) {
+      return;
+    }
+    if (nextFrame) {
+      window.cancelAnimationFrame(nextFrame);
+    }
+    const {
+      deltaY
+    } = event;
+    offsetRef += deltaY;
+    wheelValue = deltaY;
+    if (originScroll(deltaY, false)) {
+      return;
+    }
+    if (!isFF) {
+      (_a = event == null ? void 0 : event.preventDefault) == null ? void 0 : _a.call(event);
+    }
+    nextFrame = window.requestAnimationFrame(() => {
+      const patchMultiple = isMouseScroll ? 10 : 1;
+      onWheelDelta(offsetRef * patchMultiple);
+      offsetRef = 0;
+    });
+  };
+  const onFireFoxScroll = (event) => {
+    if (!inVirtual.value) {
+      return;
+    }
+    isMouseScroll = event.detail === wheelValue;
+  };
+  return [onRawWheel, onFireFoxScroll];
+}
+const SMOOTH_PTG = 14 / 15;
+function useMobileTouchMove(inVirtual, listRef, callback) {
+  let touched = false;
+  let touchY = 0;
+  let element = null;
+  let interval = null;
+  const onTouchMove = (e) => {
+    if (touched) {
+      const currentY = Math.ceil(e.touches[0].pageY);
+      let offsetY = touchY - currentY;
+      touchY = currentY;
+      if (callback(offsetY)) {
+        e.preventDefault();
+      }
+      if (interval) {
+        clearInterval(interval);
+      }
+      interval = setInterval(() => {
+        offsetY *= SMOOTH_PTG;
+        if (!callback(offsetY, true) || Math.abs(offsetY) <= 0.1) {
+          if (interval) {
+            clearInterval(interval);
+          }
+        }
+      }, 16);
+    }
+  };
+  const cleanUpEvents = () => {
+    if (element) {
+      element.removeEventListener("touchmove", onTouchMove);
+      element.removeEventListener("touchend", () => {
+        touched = false;
+        cleanUpEvents();
+      });
+    }
+  };
+  const onTouchEnd = () => {
+    touched = false;
+    cleanUpEvents();
+  };
+  const onTouchStart = (e) => {
+    cleanUpEvents();
+    if (e.touches.length === 1 && !touched) {
+      touched = true;
+      touchY = Math.ceil(e.touches[0].pageY);
+      element = e.target;
+      element.addEventListener("touchmove", onTouchMove, {
+        passive: false
+      });
+      element.addEventListener("touchend", onTouchEnd);
+    }
+  };
+  onMounted(() => {
+    watch(inVirtual, (val) => {
+      var _a, _b;
+      (_a = listRef.value) == null ? void 0 : _a.removeEventListener("touchstart", onTouchStart);
+      cleanUpEvents();
+      if (interval) {
+        clearInterval(interval);
+      }
+      if (val) {
+        (_b = listRef.value) == null ? void 0 : _b.addEventListener("touchstart", onTouchStart, {
+          passive: false
+        });
+      }
+    }, {
+      immediate: true
+    });
+  });
+}
+var ResizeObserver$1 = defineComponent({
+  name: "ResizeObserver",
+  props: resizeObserverProps,
+  emits: ["resize"],
+  setup(props, {
+    slots
+  }) {
+    const state = reactive({
+      width: 0,
+      height: 0,
+      offsetHeight: 0,
+      offsetWidth: 0
+    });
+    const currentElement = ref(null);
+    const resizeObserver = ref(null);
+    const destroyObserver = () => {
+      if (resizeObserver.value) {
+        resizeObserver.value.disconnect();
+        resizeObserver.value = null;
+      }
+    };
+    const onTriggerResize = (entries) => {
+      const {
+        onResize
+      } = props;
+      const target = entries[0].target;
+      const {
+        width,
+        height
+      } = target.getBoundingClientRect();
+      const {
+        offsetWidth,
+        offsetHeight
+      } = target;
+      const fixedWidth = Math.floor(width);
+      const fixedHeight = Math.floor(height);
+      if (state.width !== fixedWidth || state.height !== fixedHeight || state.offsetWidth !== offsetWidth || state.offsetHeight !== offsetHeight) {
+        const size = {
+          width: fixedWidth,
+          height: fixedHeight,
+          offsetWidth,
+          offsetHeight
+        };
+        Object.assign(state, size);
+        if (onResize) {
+          Promise.resolve().then(() => {
+            onResize({
+              ...size,
+              offsetWidth,
+              offsetHeight
+            }, target);
+          });
+        }
+      }
+    };
+    const instance = getCurrentInstance();
+    const registerObserver = () => {
+      const {
+        disabled
+      } = props;
+      if (disabled) {
+        destroyObserver();
+        return;
+      }
+      if (instance) {
+        const element = findDOMNode(instance);
+        const elementChanged = element !== currentElement.value;
+        if (elementChanged) {
+          destroyObserver();
+          currentElement.value = element;
+        }
+        if (!resizeObserver.value && element) {
+          resizeObserver.value = new ResizeObserver(onTriggerResize);
+          resizeObserver.value.observe(element);
+        }
+      }
+    };
+    onMounted(() => {
+      registerObserver();
+    });
+    onUpdated(() => {
+      registerObserver();
+    });
+    onUnmounted(() => {
+      destroyObserver();
+    });
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots)[0];
+    };
+  }
+});
+const INIT_INNER_STYLE = {
+  display: "flex",
+  flexDirection: "column"
+};
+var ResizeObserverContainer = defineComponent({
+  name: "ResizeObserverContainer",
+  props: resizeObserverContainerProps,
+  setup(props, ctx) {
+    const {
+      height,
+      offset: offset2
+    } = toRefs(props);
+    const outerStyle = ref({});
+    const innerStyle = ref(INIT_INNER_STYLE);
+    watch([() => height.value, () => offset2.value], () => {
+      if (props.offset !== void 0) {
+        outerStyle.value = {
+          height: `${height.value}px`,
+          position: "relative",
+          overflow: "hidden"
+        };
+        innerStyle.value = {
+          ...innerStyle.value,
+          transform: `translateY(${offset2.value}px)`,
+          position: "absolute",
+          left: 0,
+          right: 0,
+          top: 0
+        };
+      }
+    }, {
+      immediate: true
+    });
+    return () => createVNode("div", {
+      "style": outerStyle.value
+    }, [createVNode(ResizeObserver$1, {
+      "onResize": ({
+        offsetHeight
+      }) => {
+        if (offsetHeight && props.onInnerResize) {
+          props.onInnerResize();
+        }
+      }
+    }, {
+      default: () => {
+        var _a, _b;
+        return [createVNode("div", {
+          "style": innerStyle.value
+        }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])];
+      }
+    })]);
+  }
+});
+function getPageY(e) {
+  return "touches" in e ? e.touches[0].pageY : e.pageY;
+}
+var ScrollBar = defineComponent({
+  name: "ScrollBar",
+  props: scrollBarProps,
+  setup(props, ctx) {
+    const scrollbarRef = ref(null);
+    const thumbRef = ref(null);
+    const moveRaf = ref(0);
+    const state = reactive({
+      dragging: false,
+      pageY: null,
+      startTop: null,
+      visible: false
+    });
+    const visibleTimeout = ref(null);
+    const canScroll = computed(() => {
+      return (props.scrollHeight || 0) > (props.height || 0);
+    });
+    const getSpinHeight = () => {
+      const {
+        height = 0,
+        count = 0
+      } = props;
+      let baseHeight = height / count * 10;
+      baseHeight = Math.max(baseHeight, 20);
+      baseHeight = Math.min(baseHeight, height / 2);
+      return Math.floor(baseHeight);
+    };
+    const getEnableScrollRange = () => {
+      const {
+        scrollHeight = 0,
+        height = 0
+      } = props;
+      return scrollHeight - height || 0;
+    };
+    const getEnableHeightRange = () => {
+      const {
+        height = 0
+      } = props;
+      const spinHeight = getSpinHeight();
+      return height - spinHeight || 0;
+    };
+    const getTop = () => {
+      const {
+        scrollTop = 0
+      } = props;
+      const enableScrollRange = getEnableScrollRange();
+      const enableHeightRange = getEnableHeightRange();
+      if (scrollTop === 0 || enableScrollRange === 0) {
+        return 0;
+      }
+      const ptg = scrollTop / enableScrollRange;
+      return ptg * enableHeightRange;
+    };
+    const onMouseMove = (e) => {
+      const {
+        dragging,
+        pageY,
+        startTop
+      } = state;
+      const {
+        onScroll
+      } = props;
+      window.cancelAnimationFrame(moveRaf.value);
+      if (dragging) {
+        const offsetY = getPageY(e) - (pageY || 0);
+        const newTop = (startTop || 0) + offsetY;
+        const enableScrollRange = getEnableScrollRange();
+        const enableHeightRange = getEnableHeightRange();
+        const ptg = enableHeightRange ? newTop / enableHeightRange : 0;
+        const newScrollTop = Math.ceil(ptg * enableScrollRange);
+        moveRaf.value = window.requestAnimationFrame(() => {
+          if (onScroll) {
+            onScroll(newScrollTop);
+          }
+        });
+      }
+    };
+    const onMouseUp = (callback) => {
+      const {
+        onStopMove
+      } = props;
+      state.dragging = false;
+      if (onStopMove) {
+        onStopMove();
+      }
+      if (callback) {
+        callback();
+      }
+    };
+    const onMouseDown = (e, callback) => {
+      var _a, _b;
+      const {
+        onStartMove
+      } = props;
+      Object.assign(state, {
+        dragging: true,
+        pageY: getPageY(e),
+        startTop: getTop()
+      });
+      if (onStartMove) {
+        onStartMove();
+      }
+      window.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("mouseup", () => onMouseUp(callback));
+      (_a = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _a.addEventListener("touchmove", onMouseMove, {
+        passive: false
+      });
+      (_b = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _b.addEventListener("touchend", () => onMouseUp(callback));
+      e.stopPropagation();
+      e.preventDefault();
+    };
+    const removeEvents = () => {
+      var _a, _b, _c, _d;
+      window.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("mouseup", () => onMouseUp(removeEvents));
+      (_a = scrollbarRef == null ? void 0 : scrollbarRef.value) == null ? void 0 : _a.removeEventListener("touchstart", (e) => {
+        e.preventDefault();
+      }, {
+        passive: false
+      });
+      (_b = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _b.removeEventListener("touchstart", (e) => onMouseDown(e, removeEvents), {
+        passive: false
+      });
+      (_c = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _c.removeEventListener("touchmove", onMouseMove, {
+        passive: false
+      });
+      (_d = thumbRef == null ? void 0 : thumbRef.value) == null ? void 0 : _d.removeEventListener("touchend", () => onMouseUp(removeEvents));
+      window.cancelAnimationFrame(moveRaf.value);
+    };
+    const onContainerMouseDown = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+    };
+    onBeforeUnmount(() => {
+      removeEvents();
+      if (visibleTimeout.value) {
+        clearTimeout(visibleTimeout.value);
+      }
+    });
+    onMounted(() => {
+      var _a, _b;
+      (_a = scrollbarRef == null ? void 0 : scrollbarRef.value) == null ? void 0 : _a.addEventListener("touchstart", (e) => {
+        e.preventDefault();
+      }, {
+        passive: false
+      });
+      (_b = thumbRef.value) == null ? void 0 : _b.addEventListener("touchstart", (e) => onMouseDown(e, removeEvents), {
+        passive: false
+      });
+    });
+    const onShowBar = () => {
+      if (visibleTimeout.value) {
+        clearTimeout(visibleTimeout.value);
+      }
+      state.visible = true;
+      visibleTimeout.value = setTimeout(() => {
+        state.visible = false;
+      }, 1e3);
+    };
+    ctx.expose({
+      onShowBar
+    });
+    return () => {
+      const display = canScroll.value && state.visible ? void 0 : "none";
+      return createVNode("div", {
+        "ref": scrollbarRef,
+        "style": {
+          width: "8px",
+          top: 0,
+          bottom: 0,
+          right: 0,
+          position: "absolute",
+          display
+        },
+        "onMousedown": onContainerMouseDown,
+        "onMousemove": onShowBar
+      }, [createVNode("div", {
+        "ref": thumbRef,
+        "style": {
+          width: "100%",
+          height: getSpinHeight() + "px",
+          top: getTop() + "px",
+          left: 0,
+          position: "absolute",
+          background: "rgba(0, 0, 0, 0.5)",
+          borderRadius: "99px",
+          cursor: "pointer",
+          userSelect: "none"
+        },
+        "onMousedown": (e) => onMouseDown(e, removeEvents)
+      }, null)]);
+    };
+  }
+});
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const Item = ({
+  setRef
+}, {
+  slots
+}) => {
+  var _a;
+  const children = flattenChildren((_a = slots.default) == null ? void 0 : _a.call(slots));
+  return children && children.length ? cloneVNode(children[0], {
+    ref: setRef
+  }) : children;
+};
+Item.props = {
+  setRef: {
+    type: Function
+  }
+};
+function renderChildren(list, startIndex, endIndex, setNodeRef, {
+  getKey
+}, renderFunc) {
+  if (renderFunc === void 0) {
+    return "";
+  }
+  return list.slice(startIndex, endIndex + 1).map((item, index2) => {
+    const eleIndex = startIndex + index2;
+    const node = renderFunc(item, eleIndex, {});
+    const key = getKey(item);
+    return createVNode(Item, {
+      "key": key,
+      "setRef": (ele) => setNodeRef(item, ele)
+    }, _isSlot$1(node) ? node : {
+      default: () => [node]
+    });
+  });
+}
+const ScrollStyle = {
+  overflowY: "auto",
+  overflowAnchor: "none"
+};
+const DEFAULT_HEIGHT = 20;
+var VirtualList = defineComponent({
+  name: "DVirtualList",
+  props: virtualListProps,
+  setup(props, ctx) {
+    const {
+      isVirtual,
+      inVirtual
+    } = useVirtual(props);
+    const state = reactive({
+      scrollTop: 0,
+      scrollMoving: false
+    });
+    const data = computed(() => {
+      return props.data || [];
+    });
+    const mergedData = shallowRef([]);
+    watch(data, () => {
+      mergedData.value = toRaw(data.value).slice();
+    }, {
+      immediate: true
+    });
+    const itemKey = shallowRef(null);
+    watch(() => props.itemKey, (val) => {
+      if (typeof val === "function") {
+        itemKey.value = val;
+      } else {
+        if (val) {
+          itemKey.value = (item) => item == null ? void 0 : item[val];
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const componentRef = ref();
+    const fillerInnerRef = ref();
+    const barRef = ref();
+    const getKey = (item) => {
+      if (!itemKey.value || !props.itemKey) {
+        return;
+      }
+      return itemKey.value(item);
+    };
+    const [setInstance, collectHeight, heights, updatedMark] = useHeights(mergedData, getKey);
+    const calRes = reactive({
+      scrollHeight: void 0,
+      start: 0,
+      end: 0,
+      offset: void 0
+    });
+    const offsetHeight = ref(0);
+    onMounted(() => {
+      nextTick(() => {
+        var _a;
+        offsetHeight.value = ((_a = fillerInnerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+      });
+    });
+    onUpdated(() => {
+      nextTick(() => {
+        var _a;
+        offsetHeight.value = ((_a = fillerInnerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+      });
+    });
+    watch([isVirtual, mergedData], () => {
+      if (!isVirtual.value) {
+        Object.assign(calRes, {
+          scrollHeight: void 0,
+          start: 0,
+          end: mergedData.value.length - 1,
+          offset: void 0
+        });
+      }
+    }, {
+      immediate: true
+    });
+    watch([isVirtual, mergedData, offsetHeight, inVirtual], () => {
+      if (isVirtual.value && !inVirtual.value) {
+        Object.assign(calRes, {
+          scrollHeight: offsetHeight.value,
+          start: 0,
+          end: mergedData.value.length - 1,
+          offset: void 0
+        });
+      }
+    }, {
+      immediate: true
+    });
+    watch([inVirtual, isVirtual, () => state.scrollTop, mergedData, updatedMark, () => props.height, offsetHeight], () => {
+      if (!isVirtual.value || !inVirtual.value) {
+        return;
+      }
+      let itemTop = 0;
+      let startIndex;
+      let startOffset;
+      let endIndex;
+      const mergedDataValue = unref(mergedData);
+      const scrollTop = state.scrollTop;
+      const {
+        height
+      } = props;
+      const scrollTopHeight = scrollTop + height;
+      for (let i = 0; i < mergedDataValue.length; i += 1) {
+        const mergedDataItem = mergedDataValue[i];
+        let cacheHeight;
+        if (props.itemKey) {
+          const key = getKey(mergedDataItem);
+          cacheHeight = heights.get(key);
+        }
+        if (cacheHeight === void 0) {
+          cacheHeight = props.itemHeight || DEFAULT_HEIGHT;
+        }
+        const currentItemBottom = itemTop + cacheHeight;
+        if (startIndex === void 0 && currentItemBottom >= scrollTop) {
+          startIndex = i;
+          startOffset = itemTop;
+        }
+        if (endIndex === void 0 && currentItemBottom > scrollTopHeight) {
+          endIndex = i;
+        }
+        itemTop = currentItemBottom;
+      }
+      if (startIndex === void 0) {
+        startIndex = 0;
+        startOffset = 0;
+      }
+      if (endIndex === void 0) {
+        endIndex = mergedDataValue.length - 1;
+      }
+      endIndex = Math.min(endIndex + 1, mergedDataValue.length);
+      Object.assign(calRes, {
+        scrollHeight: itemTop,
+        start: startIndex,
+        end: endIndex,
+        offset: startOffset
+      });
+    }, {
+      immediate: true
+    });
+    const maxScrollHeight = computed(() => (calRes.scrollHeight || 0) - props.height);
+    const keepInRange = (newScrollTop) => {
+      let newTop = newScrollTop;
+      if (!Number.isNaN(maxScrollHeight.value)) {
+        newTop = Math.min(newTop, maxScrollHeight.value);
+      }
+      newTop = Math.max(newTop, 0);
+      return newTop;
+    };
+    const isScrollAtTop = computed(() => state.scrollTop <= 0);
+    const isScrollAtBottom = computed(() => state.scrollTop >= maxScrollHeight.value);
+    const originScroll = useOriginScroll(isScrollAtTop, isScrollAtBottom);
+    const syncScrollTop = (newTop) => {
+      let value;
+      if (typeof newTop === "function") {
+        value = newTop(state.scrollTop);
+      } else {
+        value = newTop;
+      }
+      const alignedTop = keepInRange(value);
+      if (componentRef.value) {
+        componentRef.value.scrollTop = alignedTop;
+      }
+      state.scrollTop = alignedTop;
+    };
+    const onScrollBar = (newScrollTop) => {
+      const newTop = newScrollTop;
+      syncScrollTop(newTop);
+    };
+    const onComponentScroll = (e) => {
+      var _a, _b;
+      const {
+        scrollTop: newScrollTop
+      } = e.currentTarget;
+      if (Math.abs(newScrollTop - state.scrollTop) >= 1) {
+        syncScrollTop(newScrollTop);
+      }
+      (_b = (_a = barRef == null ? void 0 : barRef.value) == null ? void 0 : _a.onShowBar) == null ? void 0 : _b.call(_a);
+      ctx.emit("scroll", e);
+    };
+    const [onRawWheel, onFireFoxScroll] = useFrameWheel(isVirtual, isScrollAtTop, isScrollAtBottom, (offsetY) => {
+      syncScrollTop((top) => {
+        const newTop = top + offsetY;
+        return newTop;
+      });
+    });
+    useMobileTouchMove(isVirtual, componentRef, (deltaY, smoothOffset) => {
+      if (originScroll(deltaY, !!smoothOffset)) {
+        return false;
+      }
+      onRawWheel({
+        deltaY
+      });
+      return true;
+    });
+    const onMozMousePixelScroll = (e) => {
+      if (isVirtual.value) {
+        e.preventDefault();
+      }
+    };
+    const removeEventListener = () => {
+      if (componentRef.value) {
+        componentRef.value.removeEventListener("wheel", onRawWheel, {
+          passive: false
+        });
+        componentRef.value.removeEventListener("DOMMouseScroll", onFireFoxScroll);
+        componentRef.value.removeEventListener("MozMousePixelScroll", onMozMousePixelScroll);
+      }
+    };
+    watchEffect(() => {
+      nextTick(() => {
+        if (componentRef.value) {
+          removeEventListener();
+          componentRef.value.addEventListener("wheel", onRawWheel, {
+            passive: false
+          });
+          componentRef.value.addEventListener("DOMMouseScroll", onFireFoxScroll);
+          componentRef.value.addEventListener("MozMousePixelScroll", onMozMousePixelScroll);
+        }
+      });
+    });
+    onBeforeUnmount(() => {
+      removeEventListener();
+    });
+    const componentStyle = computed(() => {
+      let cs = null;
+      if (props.height) {
+        cs = {
+          maxHeight: isVirtual.value ? props.height + "px" : void 0,
+          ...ScrollStyle
+        };
+        if (isVirtual.value) {
+          cs.overflowY = "hidden";
+          if (state.scrollMoving) {
+            cs.pointerEvents = "none";
+          }
+        }
+      }
+      return cs;
+    });
+    watch([() => calRes.start, () => calRes.end, mergedData], () => {
+      const renderList = mergedData.value.slice(calRes.start, calRes.end + 1);
+      ctx.emit("show-change", renderList, mergedData.value);
+    }, {
+      flush: "post"
+    });
+    ctx.expose({
+      scrollTo(index2) {
+        syncScrollTop(index2 * (props.itemHeight || DEFAULT_HEIGHT));
+      }
+    });
+    return () => {
+      const Component = props.component;
+      return createVNode("div", {
+        "style": {
+          position: "relative"
+        }
+      }, [createVNode(Component, {
+        "style": componentStyle.value,
+        "ref": componentRef,
+        "onScroll": onComponentScroll
+      }, {
+        default: () => [createVNode(ResizeObserverContainer, {
+          "height": calRes.scrollHeight,
+          "offset": calRes.offset,
+          "onInnerResize": collectHeight,
+          "ref": fillerInnerRef
+        }, {
+          default: () => renderChildren(mergedData.value, calRes.start, calRes.end, setInstance, {
+            getKey
+          }, ctx.slots.item)
+        })]
+      }), isVirtual.value && createVNode(ScrollBar, {
+        "ref": barRef,
+        "scrollTop": state.scrollTop,
+        "height": props.height,
+        "scrollHeight": calRes.scrollHeight,
+        "count": mergedData.value.length,
+        "onScroll": onScrollBar,
+        "onStartMove": () => {
+          state.scrollMoving = true;
+        },
+        "onStopMove": () => {
+          state.scrollMoving = false;
+        }
+      }, null)]);
+    };
+  }
+});
 var CalendarPanel = defineComponent({
   name: "CalendarPanel",
   props: datePickerProPanelProps,
@@ -8910,7 +10044,6 @@ var CalendarPanel = defineComponent({
       handlerSelectDate,
       handlerYearCollapse,
       handlerClickMonth,
-      handleScrollYearList,
       handleScrollMonthList,
       isDateSelected,
       isStartDate,
@@ -8919,29 +10052,57 @@ var CalendarPanel = defineComponent({
       isDisabled
     } = useCalendarPanel(props, ctx);
     return () => {
+      const yearItemSlots = {
+        item: (item) => {
+          return createVNode("div", {
+            "class": [ns2.em("calendar-panel", "year-list-item"), item.active && ns2.e("year-title-active")]
+          }, [!item.isMonth && !isListCollapse.value && createVNode("div", {
+            "class": ns2.e("year-title"),
+            "onClick": () => handlerYearCollapse()
+          }, [item.year]), !item.isMonth && isListCollapse.value && createVNode("div", {
+            "class": ns2.e("year-title"),
+            "onClick": () => {
+              handlerClickMonth(item.year, 0);
+            }
+          }, [item.year]), item.isMonth && createVNode("div", {
+            "class": ns2.e("month-title"),
+            "onClick": () => {
+              handlerClickMonth(item.year, item.month);
+            }
+          }, [t(`month${item.month ? item.month + 1 : 1}`)])]);
+        }
+      };
+      const monthItemSlots = {
+        item: (month) => {
+          return createVNode("div", {
+            "class": ns2.e("table-month")
+          }, [createVNode("div", {
+            "class": ns2.e("table-month-title")
+          }, [t("getYearMonthStr")(month.year, (month.month || 0) + 1)]), createVNode("table", {
+            "class": ns2.e("table-month-content")
+          }, [createVNode("tbody", null, [month.displayWeeks && month.displayWeeks.map((week, weekIndex) => createVNode("tr", {
+            "class": ns2.e("table-week-header"),
+            "key": weekIndex
+          }, [week.map((day, dayIndex) => createVNode("td", {
+            "key": dayIndex,
+            "class": [day.inMonth && ns2.e("table-date"), isDateSelected(day.date) && ns2.e("table-date-selected"), day.isToday && ns2.e("table-date-today"), isStartDate(day.date) && ns2.e("table-date-start"), isInRangeDate(day.date) && ns2.e("table-date-in-range"), isEndDate(day.date) && ns2.e("table-date-end"), isDisabled(day.date) && ns2.e("table-date-disabled")],
+            "onClick": (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              handlerSelectDate(day);
+            }
+          }, [createVNode("span", null, [day.inMonth ? day.day : ""])]))]))])])]);
+        }
+      };
       return createVNode("div", {
         "class": ns2.e("calendar-panel")
-      }, [createVNode("div", {
+      }, [createVNode(VirtualList, {
         "ref": yearScrollRef,
         "class": ns2.em("calendar-panel", "year-list"),
-        "onScroll": handleScrollYearList
-      }, [yearAndMonthList.value.map((item, index2) => createVNode("div", {
-        "class": [ns2.em("calendar-panel", "year-list-item"), item.active && ns2.e("year-title-active")],
-        "key": index2
-      }, [!item.isMonth && !isListCollapse.value && createVNode("div", {
-        "class": ns2.e("year-title"),
-        "onClick": () => handlerYearCollapse()
-      }, [item.year]), !item.isMonth && isListCollapse.value && createVNode("div", {
-        "class": ns2.e("year-title"),
-        "onClick": () => {
-          handlerClickMonth(item.year, 0);
-        }
-      }, [item.year]), item.isMonth && createVNode("div", {
-        "class": ns2.e("month-title"),
-        "onClick": () => {
-          handlerClickMonth(item.year, item.month);
-        }
-      }, [t(`month${item.month ? item.month + 1 : 1}`)])]))]), createVNode("div", {
+        "data": yearAndMonthList.value,
+        "height": yearListHeight,
+        "itemHeight": yearItemHeight
+      }, yearItemSlots), createVNode("div", {
         "class": ns2.em("calendar-panel", "main")
       }, [createVNode("table", {
         "class": ns2.e("calendar-table")
@@ -8949,29 +10110,14 @@ var CalendarPanel = defineComponent({
         "class": ns2.e("table-week-header")
       }, [t("getWeekDays")().map((child) => createVNode("td", null, [child]))])]), createVNode("tbody", null, [createVNode("tr", null, [createVNode("td", {
         "colspan": "7"
-      }, [createVNode("div", {
+      }, [createVNode(VirtualList, {
         "ref": monthScrollRef,
         "class": ns2.e("tbody-wrapper"),
+        "data": allMonthList.value,
+        "height": calendarListHeight,
+        "itemHeight": calendarItemHeight,
         "onScroll": handleScrollMonthList
-      }, [allMonthList.value.map((month, monthIndex) => createVNode("div", {
-        "class": ns2.e("table-month"),
-        "key": monthIndex
-      }, [createVNode("div", {
-        "class": ns2.e("table-month-title")
-      }, [t("getYearMonthStr")(month.year, (month.month || 0) + 1)]), createVNode("table", {
-        "class": ns2.e("table-month-content")
-      }, [createVNode("tbody", null, [month.displayWeeks && month.displayWeeks.map((week, weekIndex) => createVNode("tr", {
-        "class": ns2.e("table-week-header"),
-        "key": weekIndex
-      }, [week.map((day, dayIndex) => createVNode("td", {
-        "key": dayIndex,
-        "class": [day.inMonth && ns2.e("table-date"), isDateSelected(day.date) && ns2.e("table-date-selected"), day.isToday && ns2.e("table-date-today"), isStartDate(day.date) && ns2.e("table-date-start"), isInRangeDate(day.date) && ns2.e("table-date-in-range"), isEndDate(day.date) && ns2.e("table-date-end"), isDisabled(day.date) && ns2.e("table-date-disabled")],
-        "onClick": (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handlerSelectDate(day);
-        }
-      }, [createVNode("span", null, [day.inMonth ? day.day : ""])]))]))])])]))])])])])])])]);
+      }, monthItemSlots)])])])])])]);
     };
   }
 });
@@ -9564,8 +10710,8 @@ defineComponent({
 });
 class View {
   constructor() {
-    __publicField(this, "top", "50%");
-    __publicField(this, "left", "50%");
+    this.top = "50%";
+    this.left = "50%";
   }
 }
 const loadingProps = {
@@ -9583,13 +10729,9 @@ const loadingProps = {
 };
 class LoadingOptions {
   constructor() {
-    __publicField(this, "target");
-    __publicField(this, "message");
-    __publicField(this, "loadingTemplateRef");
-    __publicField(this, "backdrop", true);
-    __publicField(this, "positionType", "relative");
-    __publicField(this, "view", new View());
-    __publicField(this, "zIndex");
+    this.backdrop = true;
+    this.positionType = "relative";
+    this.view = new View();
   }
 }
 var loading = "";
@@ -9657,7 +10799,7 @@ var Loading = defineComponent({
 });
 const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
 function createComponent(component, props, children = null) {
-  const vnode = h(component, __spreadValues({}, props), children);
+  const vnode = h(component, { ...props }, children);
   const container = document.createElement("div");
   vnode[COMPONENT_CONTAINER_SYMBOL] = container;
   render(vnode, container);
@@ -9744,9 +10886,12 @@ const removeAttribute = (el) => {
 };
 const handleProps = (el, vprops) => {
   var _a;
-  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
+  const props = {
+    ...new LoadingOptions(),
+    ...vprops
+  };
   const loadingTemplateRef = props.loadingTemplateRef;
-  const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
+  const loadingInstance = createComponent(loadingConstructor, { ...props }, loadingTemplateRef ? () => loadingTemplateRef : null);
   el.style.position = props.positionType;
   el.options = props;
   el.instance = loadingInstance;
@@ -9912,14 +11057,14 @@ function useYearCalendarPanel(props, ctx) {
   const goToShowYear = (date4) => {
     if (date4) {
       const index2 = Math.floor((date4.year() - calendarRange.value[0]) / 3);
-      let scrollHeight = (index2 - 1) * yearCalendarItemHeight;
-      if (scrollHeight < 0) {
-        scrollHeight = 0;
+      let scrollIndex = index2 - 1;
+      if (scrollIndex < 0) {
+        scrollIndex = 0;
       }
       nextTick(() => {
         var _a;
         const scrollEl = yarListScrollRef.value;
-        (_a = scrollEl == null ? void 0 : scrollEl.scroll) == null ? void 0 : _a.call(scrollEl, 0, scrollHeight);
+        (_a = scrollEl == null ? void 0 : scrollEl.scrollTo) == null ? void 0 : _a.call(scrollEl, scrollIndex);
       });
     }
   };
@@ -10033,23 +11178,30 @@ var YearCalendarPanel = defineComponent({
       handlerSelectYear
     } = useYearCalendarPanel(props, ctx);
     return () => {
+      const yearItemSlots = {
+        item: (years) => {
+          return createVNode("div", {
+            "class": ns2.e("year-list-item")
+          }, [years.map((year) => createVNode("div", {
+            "key": year,
+            "class": getYearItemCls(year),
+            "onClick": (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              handlerSelectYear(year);
+            }
+          }, [year]))]);
+        }
+      };
       return createVNode("div", {
         "class": ns2.e("year-calendar-panel")
-      }, [createVNode("div", {
+      }, [createVNode(VirtualList, {
         "ref": yarListScrollRef,
-        "class": ns2.e("year-list")
-      }, [yearList.value.map((years, index2) => createVNode("div", {
-        "class": ns2.e("year-list-item"),
-        "key": index2
-      }, [years.map((year) => createVNode("div", {
-        "key": year,
-        "class": getYearItemCls(year),
-        "onClick": (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handlerSelectYear(year);
-        }
-      }, [year]))]))])]);
+        "class": ns2.e("year-list"),
+        "data": yearList.value,
+        "height": yearPickerHeight,
+        "itemHeight": yearCalendarItemHeight
+      }, yearItemSlots)]);
     };
   }
 });
@@ -10098,25 +11250,25 @@ function useMonthCalendarPanel(props, ctx) {
   };
   const goToYearDate = () => {
     updateYearActive();
-    let scrollHeight = (currentYearIndex.value - 4) * yearItemHeight;
-    if (scrollHeight < 0) {
-      scrollHeight = 0;
+    let scrollIndex = currentYearIndex.value - 4;
+    if (scrollIndex < 0) {
+      scrollIndex = 0;
     }
     nextTick(() => {
       var _a;
       const scrollEl = yearScrollRef.value;
-      (_a = scrollEl == null ? void 0 : scrollEl.scroll) == null ? void 0 : _a.call(scrollEl, 0, scrollHeight);
+      (_a = scrollEl == null ? void 0 : scrollEl.scrollTo) == null ? void 0 : _a.call(scrollEl, scrollIndex);
     });
   };
   const goToMonthDate = () => {
-    let scrollHeight = currentYearIndex.value * monthCalendarItemHeight;
-    if (scrollHeight < 0) {
-      scrollHeight = 0;
+    let scrollIndex = currentYearIndex.value;
+    if (scrollIndex < 0) {
+      scrollIndex = 0;
     }
     nextTick(() => {
       var _a;
       const scrollEl = monthScrollRef.value;
-      (_a = scrollEl == null ? void 0 : scrollEl.scroll) == null ? void 0 : _a.call(scrollEl, 0, scrollHeight);
+      (_a = scrollEl == null ? void 0 : scrollEl.scrollTo) == null ? void 0 : _a.call(scrollEl, scrollIndex);
     });
   };
   const goToShowDate = (date4) => {
@@ -10127,11 +11279,7 @@ function useMonthCalendarPanel(props, ctx) {
   };
   onBeforeMount(() => {
     today.value = new Date();
-    if (props.calendarRange) {
-      calendarRange.value = props.calendarRange;
-    } else {
-      calendarRange.value = [today.value.getFullYear() - 25, today.value.getFullYear() + 25];
-    }
+    calendarRange.value = props.calendarRange;
     initYearList();
     const toDate = getToDate(props.dateValue);
     if (props.visible && toDate) {
@@ -10139,7 +11287,8 @@ function useMonthCalendarPanel(props, ctx) {
     }
   });
   const handlerSelectYear = (year) => {
-    console.log(year);
+    const toDate = dayjs(new Date(year, 0, 1)).locale("zh-cn");
+    goToShowDate(toDate);
   };
   const debounceScrollMonth = lodash.exports.throttle((newScrollTop) => {
     currentYearIndex.value = Math.floor(newScrollTop / monthCalendarItemHeight) + (newScrollTop % monthCalendarItemHeight > 100 ? 1 : 0);
@@ -10258,40 +11407,54 @@ var MonthCalendarPanel = defineComponent({
       handlerSelectMonth
     } = useMonthCalendarPanel(props, ctx);
     return () => {
+      const yearItemSlots = {
+        item: (year) => {
+          return createVNode("div", {
+            "class": [ns2.e("year-list-item"), year.active && ns2.e("year-item-active")],
+            "key": year.year,
+            "onClick": () => handlerSelectYear(year.year)
+          }, [year.year]);
+        }
+      };
+      const monthItemSlots = {
+        item: (year) => {
+          return createVNode("div", {
+            "class": ns2.e("table-month")
+          }, [createVNode("div", {
+            "class": ns2.e("table-month-title")
+          }, [year.year + t("year")]), createVNode("table", {
+            "class": ns2.e("table-month-content")
+          }, [createVNode("tbody", null, [monthList.map((season, seasonIndex) => createVNode("tr", {
+            "key": seasonIndex
+          }, [season.map((month) => createVNode("td", {
+            "key": month,
+            "class": getMonthItemCls(year.year, month),
+            "onClick": (e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              handlerSelectMonth(year.year, month);
+            }
+          }, [createVNode("span", null, [t(`month${month}`) || "m"])]))]))])])]);
+        }
+      };
       return createVNode("div", {
         "class": ns2.e("month-calendar-panel")
-      }, [createVNode("div", {
+      }, [createVNode(VirtualList, {
         "ref": yearScrollRef,
-        "class": ns2.e("year-list")
-      }, [yearList.value.map((year) => createVNode("div", {
-        "class": [ns2.e("year-list-item"), year.active && ns2.e("year-item-active")],
-        "key": year.year,
-        "onClick": () => handlerSelectYear(year.year)
-      }, [year.year]))]), createVNode("div", {
+        "class": ns2.e("year-list"),
+        "data": yearList.value,
+        "height": monthPickerHeight,
+        "itemHeight": yearItemHeight
+      }, yearItemSlots), createVNode("div", {
         "class": ns2.e("month-wrapper")
-      }, [createVNode("div", {
-        "class": ns2.e("month-list"),
+      }, [createVNode(VirtualList, {
         "ref": monthScrollRef,
-        "onScroll": (e) => {
-          handlerMonthScroll(e);
-        }
-      }, [yearList.value.map((year) => createVNode("div", {
-        "class": ns2.e("table-month")
-      }, [createVNode("div", {
-        "class": ns2.e("table-month-title")
-      }, [year.year + t("year")]), createVNode("table", {
-        "class": ns2.e("table-month-content")
-      }, [createVNode("tbody", null, [monthList.map((season, seasonIndex) => createVNode("tr", {
-        "key": seasonIndex
-      }, [season.map((month) => createVNode("td", {
-        "key": month,
-        "class": getMonthItemCls(year.year, month),
-        "onClick": (e) => {
-          e.preventDefault();
-          e.stopPropagation();
-          handlerSelectMonth(year.year, month);
-        }
-      }, [createVNode("span", null, [t(`month${month}`) || ""])]))]))])])]))])])]);
+        "class": ns2.e("month-list"),
+        "data": yearList.value,
+        "height": monthPickerHeight,
+        "itemHeight": monthCalendarItemHeight,
+        "onScroll": handlerMonthScroll
+      }, monthItemSlots)])]);
     };
   }
 });
@@ -10604,7 +11767,7 @@ var DatePickerPro = defineComponent({
     };
   }
 });
-const rangeDatePickerProProps = __spreadValues({
+const rangeDatePickerProProps = {
   modelValue: {
     type: Array,
     default: ["", ""]
@@ -10616,8 +11779,9 @@ const rangeDatePickerProProps = __spreadValues({
   separator: {
     type: String,
     default: "-"
-  }
-}, datePickerProCommonProps);
+  },
+  ...datePickerProCommonProps
+};
 function useRangePickerPro(props, ctx) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);