@varlet/ui 2.15.0 → 2.15.2-alpha.1693502641730

package/lib/varlet.cjs.js

@@ -23,6 +23,7 @@ const isURL = (val) => {
 };
 const isEmpty = (val) => val === void 0 || val === null || val === "" || Array.isArray(val) && !val.length;
 const isWindow = (val) => val === window;
+const supportTouch = () => inBrowser() && "ontouchstart" in window;
 const toNumber = (val) => {
   if (val == null)
     return 0;
@@ -86,92 +87,37 @@ const find = (arr, callback, from = "start") => {
 const normalizeToArray = (value) => isArray(value) ? value : [value];
 const clamp$1 = (num, min2, max2) => Math.min(max2, Math.max(min2, num));
 const clampArrayRange = (index, arr) => clamp$1(index, 0, arr.length - 1);
-var isHTMLSupportImage = (val) => {
-  if (val == null) {
-    return false;
-  }
-  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
-};
-var isHTMLSupportVideo = (val) => {
-  if (val == null) {
-    return false;
-  }
-  return val.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(val);
-};
-var createCache = (max2) => {
-  var cache = [];
-  return {
-    cache,
-    has(key) {
-      return this.cache.includes(key);
-    },
-    add(key) {
-      if (this.has(key)) {
-        return;
-      }
-      this.cache.length === max2 && cache.shift();
-      this.cache.push(key);
-    },
-    remove(key) {
-      this.has(key) && removeItem(this.cache, key);
-    },
-    clear() {
-      this.cache.length = 0;
-    }
-  };
-};
-var linear = (value) => value;
-var cubic = (value) => Math.pow(value, 3);
-var easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
-var dt = (value, defaultText) => value == null ? defaultText : value;
-var getGlobalThis = () => {
-  if (typeof globalThis !== "undefined")
+const getGlobalThis = () => {
+  if (typeof globalThis !== "undefined") {
     return globalThis;
-  if (typeof window !== "undefined")
+  }
+  if (inBrowser()) {
     return window;
+  }
   return typeof global !== "undefined" ? global : self;
 };
-var padStart$1 = function(str, maxLength, fillString) {
-  if (str === void 0) {
-    str = "";
-  }
-  if (fillString === void 0) {
-    fillString = "";
-  }
-  if (str.length >= maxLength)
-    return str;
-  var len = maxLength - str.length;
-  var repeatCount = Math.floor(len / fillString.length);
-  return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
+const requestAnimationFrame$1 = (fn2) => {
+  const globalThis2 = getGlobalThis();
+  return globalThis2.requestAnimationFrame ? globalThis2.requestAnimationFrame(fn2) : globalThis2.setTimeout(fn2);
 };
-function error$1(source, message) {
-  throw Error("Varlet [" + source + "]: " + message);
-}
-function warn(source, message) {
-  console.warn("Varlet [" + source + "]: " + message);
-}
-function _extends$r() {
-  _extends$r = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$r.apply(this, arguments);
-}
-function getStyle$1(element) {
-  return window.getComputedStyle(element);
-}
-function getRect(element) {
+const cancelAnimationFrame = (handle) => {
+  const globalThis2 = getGlobalThis();
+  globalThis2.cancelAnimationFrame ? globalThis2.cancelAnimationFrame(handle) : globalThis2.clearTimeout(handle);
+};
+const raf = () => new Promise((resolve) => {
+  requestAnimationFrame$1(resolve);
+});
+const doubleRaf = () => new Promise((resolve) => {
+  requestAnimationFrame$1(() => {
+    requestAnimationFrame$1(resolve);
+  });
+});
+const getStyle$1 = (element) => window.getComputedStyle(element);
+const getRect = (element) => {
   if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    var rect = {
+    const width = element.innerWidth;
+    const height = element.innerHeight;
+    const rect = {
       x: 0,
       y: 0,
       top: 0,
@@ -181,241 +127,17 @@ function getRect(element) {
       width,
       height
     };
-    return _extends$r({}, rect, {
-      toJSON: () => rect
-    });
+    return Object.assign(Object.assign({}, rect), { toJSON: () => rect });
   }
   return element.getBoundingClientRect();
-}
-function getLeft(element) {
-  var {
-    left: left2
-  } = getRect(element);
-  return left2 + (document.body.scrollLeft || document.documentElement.scrollLeft);
-}
-function getTop$1(element) {
-  var {
-    top: top2
-  } = getRect(element);
-  return top2 + (document.body.scrollTop || document.documentElement.scrollTop);
-}
-function getScrollTop(element) {
-  var top2 = "scrollTop" in element ? element.scrollTop : element.pageYOffset;
-  return Math.max(top2, 0);
-}
-function getScrollLeft(element) {
-  var left2 = "scrollLeft" in element ? element.scrollLeft : element.pageXOffset;
-  return Math.max(left2, 0);
-}
-function inViewport(element) {
-  var {
-    top: top2,
-    bottom: bottom2,
-    left: left2,
-    right: right2
-  } = getRect(element);
-  var {
-    width,
-    height
-  } = getRect(window);
-  var xInViewport = left2 <= width && right2 >= 0;
-  var yInViewport = top2 <= height && bottom2 >= 0;
-  return xInViewport && yInViewport;
-}
-function getTranslateY(el) {
-  var {
-    transform
-  } = getStyle$1(el);
-  return +transform.slice(transform.lastIndexOf(",") + 2, transform.length - 1);
-}
-function getParentScroller(el) {
-  var element = el;
-  while (element) {
-    if (!element.parentNode) {
-      break;
-    }
-    element = element.parentNode;
-    if (element === document.body || element === document.documentElement) {
-      break;
-    }
-    var scrollRE = /(scroll|auto)/;
-    var {
-      overflowY,
-      overflow
-    } = getStyle$1(element);
-    if (scrollRE.test(overflowY) || scrollRE.test(overflow)) {
-      return element;
-    }
-  }
-  return window;
-}
-function getAllParentScroller(el) {
-  var allParentScroller = [];
-  var element = el;
-  while (!isWindow(element)) {
-    element = getParentScroller(element);
-    allParentScroller.push(element);
-  }
-  return allParentScroller;
-}
-function getTarget(target, componentName) {
-  if (isString(target)) {
-    var el = document.querySelector(target);
-    if (!el) {
-      error$1(componentName, "target element cannot found");
-    }
-    return el;
-  }
-  if (isObject(target))
-    return target;
-  error$1(componentName, 'type of prop "target" should be a selector or an element object');
-}
-function getViewportSize() {
-  var {
-    width,
-    height
-  } = getRect(window);
-  return {
-    vw: width,
-    vh: height,
-    vMin: Math.min(width, height),
-    vMax: Math.max(width, height)
-  };
-}
-var isRem = (value) => isString(value) && value.endsWith("rem");
-var isEm = (value) => isString(value) && value.endsWith("em") && !value.endsWith("rem");
-var isPx = (value) => isString(value) && value.endsWith("px") || isNumber(value);
-var isPercent = (value) => isString(value) && value.endsWith("%");
-var isVw = (value) => isString(value) && value.endsWith("vw");
-var isVh = (value) => isString(value) && value.endsWith("vh");
-var isVMin = (value) => isString(value) && value.endsWith("vmin");
-var isVMax = (value) => isString(value) && value.endsWith("vmax");
-var isCalc = (value) => isString(value) && value.startsWith("calc(");
-var isVar = (value) => isString(value) && value.startsWith("var(");
-var toPxNum = (value) => {
-  if (isNumber(value)) {
-    return value;
-  }
-  if (isPx(value)) {
-    return +value.replace("px", "");
-  }
-  if (!inBrowser()) {
-    return 0;
-  }
-  var {
-    vw,
-    vh,
-    vMin,
-    vMax
-  } = getViewportSize();
-  if (isVw(value)) {
-    return +value.replace("vw", "") * vw / 100;
-  }
-  if (isVh(value)) {
-    return +value.replace("vh", "") * vh / 100;
-  }
-  if (isVMin(value)) {
-    return +value.replace("vmin", "") * vMin / 100;
-  }
-  if (isVMax(value)) {
-    return +value.replace("vmax", "") * vMax / 100;
-  }
-  if (isRem(value)) {
-    var num = +value.replace("rem", "");
-    var rootFontSize = getStyle$1(document.documentElement).fontSize;
-    return num * parseFloat(rootFontSize);
-  }
-  if (isString(value)) {
-    return toNumber(value);
-  }
-  return 0;
 };
-var toSizeUnit = (value) => {
-  if (value == null) {
-    return void 0;
-  }
-  if (isPercent(value) || isVw(value) || isVh(value) || isEm(value) || isRem(value) || isCalc(value) || isVar(value) || isVMin(value) || isVMax(value)) {
-    return value;
-  }
-  return toPxNum(value) + "px";
-};
-var multiplySizeUnit = function(value, quantity) {
-  if (quantity === void 0) {
-    quantity = 1;
-  }
-  if (value == null) {
-    return void 0;
-  }
-  var legalSize = toSizeUnit(value);
-  var unit = legalSize.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
-  return "" + parseFloat(legalSize) * quantity + unit;
+const inViewport = (element) => {
+  const { top: top2, bottom: bottom2, left: left2, right: right2 } = getRect(element);
+  const { width, height } = getRect(window);
+  const xInViewport = left2 <= width && right2 >= 0;
+  const yInViewport = top2 <= height && bottom2 >= 0;
+  return xInViewport && yInViewport;
 };
-function requestAnimationFrame(fn2) {
-  var globalThis2 = getGlobalThis();
-  return globalThis2.requestAnimationFrame ? globalThis2.requestAnimationFrame(fn2) : globalThis2.setTimeout(fn2, 16);
-}
-function cancelAnimationFrame(handle) {
-  var globalThis2 = getGlobalThis();
-  globalThis2.cancelAnimationFrame ? globalThis2.cancelAnimationFrame(handle) : globalThis2.clearTimeout(handle);
-}
-function nextTickFrame(fn2) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(fn2);
-  });
-}
-function doubleRaf() {
-  return new Promise((resolve) => {
-    requestAnimationFrame(() => {
-      requestAnimationFrame(resolve);
-    });
-  });
-}
-function raf() {
-  return new Promise((resolve) => {
-    requestAnimationFrame(resolve);
-  });
-}
-function scrollTo(element, _ref) {
-  var {
-    top: top2 = 0,
-    left: left2 = 0,
-    duration = 300,
-    animation
-  } = _ref;
-  var startTime = Date.now();
-  var scrollTop = getScrollTop(element);
-  var scrollLeft = getScrollLeft(element);
-  return new Promise((resolve) => {
-    var frame = () => {
-      var progress2 = (Date.now() - startTime) / duration;
-      if (progress2 < 1) {
-        var nextTop = scrollTop + (top2 - scrollTop) * animation(progress2);
-        var nextLeft = scrollLeft + (left2 - scrollLeft) * animation(progress2);
-        element.scrollTo(nextLeft, nextTop);
-        requestAnimationFrame(frame);
-      } else {
-        element.scrollTo(left2, top2);
-        resolve();
-      }
-    };
-    requestAnimationFrame(frame);
-  });
-}
-function formatStyleVars(styleVars) {
-  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, _ref2) => {
-    var [key, value] = _ref2;
-    var cssVar = key.startsWith("--") ? key : "--" + kebabCase(key);
-    styles[cssVar] = value;
-    return styles;
-  }, {});
-}
-function supportTouch() {
-  var inBrowser2 = typeof window !== "undefined";
-  return inBrowser2 && "ontouchstart" in window;
-}
-function padStartFlex(style) {
-  return style === "start" || style === "end" ? "flex-" + style : style;
-}
 function onSmartMounted(hook) {
   let isMounted = false;
   vue.onMounted(() => {
@@ -716,7 +438,7 @@ function useTouch() {
     endTouch
   };
 }
-function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$h(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -730,16 +452,16 @@ function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _asyncToGenerator$f(fn2) {
+function _asyncToGenerator$h(fn2) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn2.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$h(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$h(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -827,7 +549,7 @@ function flatFragment(vNodes) {
 function useValidation() {
   var errorMessage = vue.ref("");
   var validate = /* @__PURE__ */ function() {
-    var _ref = _asyncToGenerator$f(function* (rules, value, apis) {
+    var _ref = _asyncToGenerator$h(function* (rules, value, apis) {
       if (!isArray(rules) || !rules.length) {
         return true;
       }
@@ -848,7 +570,7 @@ function useValidation() {
     errorMessage.value = "";
   };
   var validateWithTrigger = /* @__PURE__ */ function() {
-    var _ref2 = _asyncToGenerator$f(function* (validateTrigger, trigger, rules, value, apis) {
+    var _ref2 = _asyncToGenerator$h(function* (validateTrigger, trigger, rules, value, apis) {
       if (validateTrigger.includes(trigger)) {
         (yield validate(rules, value, apis)) && (errorMessage.value = "");
       }
@@ -1412,7 +1134,198 @@ var props$1b = {
   animationClass: String,
   onClick: defineListenerProp()
 };
-function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
+function error$1(source, message) {
+  throw Error("Varlet [" + source + "]: " + message);
+}
+function warn(source, message) {
+  console.warn("Varlet [" + source + "]: " + message);
+}
+function getLeft(element) {
+  var {
+    left: left2
+  } = getRect(element);
+  return left2 + (document.body.scrollLeft || document.documentElement.scrollLeft);
+}
+function getTop$1(element) {
+  var {
+    top: top2
+  } = getRect(element);
+  return top2 + (document.body.scrollTop || document.documentElement.scrollTop);
+}
+function getScrollTop(element) {
+  var top2 = "scrollTop" in element ? element.scrollTop : element.pageYOffset;
+  return Math.max(top2, 0);
+}
+function getScrollLeft(element) {
+  var left2 = "scrollLeft" in element ? element.scrollLeft : element.pageXOffset;
+  return Math.max(left2, 0);
+}
+function getTranslateY(el) {
+  var {
+    transform
+  } = getStyle$1(el);
+  return +transform.slice(transform.lastIndexOf(",") + 2, transform.length - 1);
+}
+function getParentScroller(el) {
+  var element = el;
+  while (element) {
+    if (!element.parentNode) {
+      break;
+    }
+    element = element.parentNode;
+    if (element === document.body || element === document.documentElement) {
+      break;
+    }
+    var scrollRE = /(scroll|auto)/;
+    var {
+      overflowY,
+      overflow
+    } = getStyle$1(element);
+    if (scrollRE.test(overflowY) || scrollRE.test(overflow)) {
+      return element;
+    }
+  }
+  return window;
+}
+function getAllParentScroller(el) {
+  var allParentScroller = [];
+  var element = el;
+  while (!isWindow(element)) {
+    element = getParentScroller(element);
+    allParentScroller.push(element);
+  }
+  return allParentScroller;
+}
+function getTarget(target, componentName) {
+  if (isString(target)) {
+    var el = document.querySelector(target);
+    if (!el) {
+      error$1(componentName, "target element cannot found");
+    }
+    return el;
+  }
+  if (isObject(target))
+    return target;
+  error$1(componentName, 'type of prop "target" should be a selector or an element object');
+}
+function getViewportSize() {
+  var {
+    width,
+    height
+  } = getRect(window);
+  return {
+    vw: width,
+    vh: height,
+    vMin: Math.min(width, height),
+    vMax: Math.max(width, height)
+  };
+}
+var isRem = (value) => isString(value) && value.endsWith("rem");
+var isEm = (value) => isString(value) && value.endsWith("em") && !value.endsWith("rem");
+var isPx = (value) => isString(value) && value.endsWith("px") || isNumber(value);
+var isPercent = (value) => isString(value) && value.endsWith("%");
+var isVw = (value) => isString(value) && value.endsWith("vw");
+var isVh = (value) => isString(value) && value.endsWith("vh");
+var isVMin = (value) => isString(value) && value.endsWith("vmin");
+var isVMax = (value) => isString(value) && value.endsWith("vmax");
+var isCalc = (value) => isString(value) && value.startsWith("calc(");
+var isVar = (value) => isString(value) && value.startsWith("var(");
+var toPxNum = (value) => {
+  if (isNumber(value)) {
+    return value;
+  }
+  if (isPx(value)) {
+    return +value.replace("px", "");
+  }
+  if (!inBrowser()) {
+    return 0;
+  }
+  var {
+    vw,
+    vh,
+    vMin,
+    vMax
+  } = getViewportSize();
+  if (isVw(value)) {
+    return +value.replace("vw", "") * vw / 100;
+  }
+  if (isVh(value)) {
+    return +value.replace("vh", "") * vh / 100;
+  }
+  if (isVMin(value)) {
+    return +value.replace("vmin", "") * vMin / 100;
+  }
+  if (isVMax(value)) {
+    return +value.replace("vmax", "") * vMax / 100;
+  }
+  if (isRem(value)) {
+    var num = +value.replace("rem", "");
+    var rootFontSize = getStyle$1(document.documentElement).fontSize;
+    return num * parseFloat(rootFontSize);
+  }
+  if (isString(value)) {
+    return toNumber(value);
+  }
+  return 0;
+};
+var toSizeUnit = (value) => {
+  if (value == null) {
+    return void 0;
+  }
+  if (isPercent(value) || isVw(value) || isVh(value) || isEm(value) || isRem(value) || isCalc(value) || isVar(value) || isVMin(value) || isVMax(value)) {
+    return value;
+  }
+  return toPxNum(value) + "px";
+};
+var multiplySizeUnit = function(value, quantity) {
+  if (quantity === void 0) {
+    quantity = 1;
+  }
+  if (value == null) {
+    return void 0;
+  }
+  var legalSize = toSizeUnit(value);
+  var unit = legalSize.match(/(vh|%|r?em|px|vw|vmin|vmax)$/)[0];
+  return "" + parseFloat(legalSize) * quantity + unit;
+};
+function scrollTo(element, _ref) {
+  var {
+    top: top2 = 0,
+    left: left2 = 0,
+    duration = 300,
+    animation
+  } = _ref;
+  var startTime = Date.now();
+  var scrollTop = getScrollTop(element);
+  var scrollLeft = getScrollLeft(element);
+  return new Promise((resolve) => {
+    var frame = () => {
+      var progress2 = (Date.now() - startTime) / duration;
+      if (progress2 < 1) {
+        var nextTop = scrollTop + (top2 - scrollTop) * animation(progress2);
+        var nextLeft = scrollLeft + (left2 - scrollLeft) * animation(progress2);
+        element.scrollTo(nextLeft, nextTop);
+        requestAnimationFrame(frame);
+      } else {
+        element.scrollTo(left2, top2);
+        resolve();
+      }
+    };
+    requestAnimationFrame(frame);
+  });
+}
+function formatStyleVars(styleVars) {
+  return Object.entries(styleVars != null ? styleVars : {}).reduce((styles, _ref2) => {
+    var [key, value] = _ref2;
+    var cssVar = key.startsWith("--") ? key : "--" + kebabCase(key);
+    styles[cssVar] = value;
+    return styles;
+  }, {});
+}
+function padStartFlex(style) {
+  return style === "start" || style === "end" ? "flex-" + style : style;
+}
+function asyncGeneratorStep$g(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -1426,16 +1339,16 @@ function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _asyncToGenerator$e(fn2) {
+function _asyncToGenerator$g(fn2) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn2.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$g(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$g(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -1466,7 +1379,7 @@ var __sfc__$1j = vue.defineComponent({
     var nextName = vue.ref("");
     var animateInProgress = vue.ref(false);
     var handleNameChange = /* @__PURE__ */ function() {
-      var _ref = _asyncToGenerator$e(function* (newName, oldName) {
+      var _ref = _asyncToGenerator$g(function* (newName, oldName) {
         var {
           transition
         } = props2;
@@ -1548,6 +1461,57 @@ var props$1a = _extends$n({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
+var isHTMLSupportImage = (val) => {
+  if (val == null) {
+    return false;
+  }
+  return val.startsWith("data:image") || /\.(png|jpg|gif|jpeg|svg|webp)$/.test(val);
+};
+var isHTMLSupportVideo = (val) => {
+  if (val == null) {
+    return false;
+  }
+  return val.startsWith("data:video") || /\.(mp4|webm|ogg)$/.test(val);
+};
+var createCache = (max2) => {
+  var cache = [];
+  return {
+    cache,
+    has(key) {
+      return this.cache.includes(key);
+    },
+    add(key) {
+      if (this.has(key)) {
+        return;
+      }
+      this.cache.length === max2 && cache.shift();
+      this.cache.push(key);
+    },
+    remove(key) {
+      this.has(key) && removeItem(this.cache, key);
+    },
+    clear() {
+      this.cache.length = 0;
+    }
+  };
+};
+var linear = (value) => value;
+var cubic = (value) => Math.pow(value, 3);
+var easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
+var dt = (value, defaultText) => value == null ? defaultText : value;
+var padStart$1 = function(str, maxLength, fillString) {
+  if (str === void 0) {
+    str = "";
+  }
+  if (fillString === void 0) {
+    fillString = "";
+  }
+  if (str.length >= maxLength)
+    return str;
+  var len = maxLength - str.length;
+  var repeatCount = Math.floor(len / fillString.length);
+  return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
+};
 const zhCN = {
   // Dialog
   dialogTitle: "提示",
@@ -2177,7 +2141,7 @@ __sfc__$1h.render = __render__$1g;
 const AppBar = __sfc__$1h;
 withInstall(AppBar);
 var _AppBarComponent = AppBar;
-function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -2191,16 +2155,16 @@ function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _asyncToGenerator$d(fn2) {
+function _asyncToGenerator$f(fn2) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn2.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$f(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -2333,7 +2297,7 @@ function check(_x) {
   return _check.apply(this, arguments);
 }
 function _check() {
-  _check = _asyncToGenerator$d(function* (el) {
+  _check = _asyncToGenerator$f(function* (el) {
     yield doubleRaf();
     if (inViewport(el)) {
       attemptLoad(el);
@@ -2348,7 +2312,7 @@ function add$1(_x2) {
   return _add.apply(this, arguments);
 }
 function _add() {
-  _add = _asyncToGenerator$d(function* (el) {
+  _add = _asyncToGenerator$f(function* (el) {
     !lazyElements.includes(el) && lazyElements.push(el);
     getAllParentScroller(el).forEach(bindEvents);
     yield check(el);
@@ -2370,7 +2334,7 @@ function mounted$1(_x3, _x4) {
   return _mounted.apply(this, arguments);
 }
 function _mounted() {
-  _mounted = _asyncToGenerator$d(function* (el, binding) {
+  _mounted = _asyncToGenerator$f(function* (el, binding) {
     createLazy(el, binding);
     yield add$1(el);
   });
@@ -2380,7 +2344,7 @@ function updated$1(_x5, _x6) {
   return _updated.apply(this, arguments);
 }
 function _updated() {
-  _updated = _asyncToGenerator$d(function* (el, binding) {
+  _updated = _asyncToGenerator$f(function* (el, binding) {
     if (!diff(el, binding)) {
       lazyElements.includes(el) && (yield check(el));
       return;
@@ -4019,7 +3983,7 @@ var props$Y = {
   onClick: defineListenerProp(),
   "onUpdate:floating": defineListenerProp()
 };
-function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
     var value = info.value;
@@ -4033,16 +3997,16 @@ function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-function _asyncToGenerator$c(fn2) {
+function _asyncToGenerator$e(fn2) {
   return function() {
     var self2 = this, args = arguments;
     return new Promise(function(resolve, reject) {
       var gen = fn2.apply(self2, args);
       function _next(value) {
-        asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "next", value);
+        asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "next", value);
       }
       function _throw(err) {
-        asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "throw", err);
+        asyncGeneratorStep$e(gen, resolve, reject, _next, _throw, "throw", err);
       }
       _next(void 0);
     });
@@ -4237,11 +4201,11 @@ var __sfc__$14 = vue.defineComponent({
     var dropper = null;
     var floater = vue.ref(null);
     var floating = /* @__PURE__ */ function() {
-      var _ref = _asyncToGenerator$c(function* () {
+      var _ref = _asyncToGenerator$e(function* () {
         clearTimeout(floater.value);
         clearTimeout(dropper);
         floater.value = null;
-        floater.value = setTimeout(/* @__PURE__ */ _asyncToGenerator$c(function* () {
+        floater.value = setTimeout(/* @__PURE__ */ _asyncToGenerator$e(function* () {
           var {
             width,
             height,
@@ -5476,6 +5440,35 @@ var props$Q = {
   },
   disabled: Boolean
 };
+function asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error2) {
+    reject(error2);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator$d(fn2) {
+  return function() {
+    var self2 = this, args = arguments;
+    return new Promise(function(resolve, reject) {
+      var gen = fn2.apply(self2, args);
+      function _next(value) {
+        asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep$d(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(void 0);
+    });
+  };
+}
 var {
   n: n$X,
   classes: classes$N
@@ -5594,13 +5587,14 @@ var __sfc__$Y = vue.defineComponent({
         updateItem(props2.name || index.value, !isShow.value);
       }
     };
-    var openPanel = () => {
-      if (!contentEl.value) {
-        return;
-      }
-      contentEl.value.style.height = "";
-      showContent.value = true;
-      requestAnimationFrame(() => {
+    var openPanel = /* @__PURE__ */ function() {
+      var _ref = _asyncToGenerator$d(function* () {
+        if (!contentEl.value) {
+          return;
+        }
+        contentEl.value.style.height = "";
+        showContent.value = true;
+        yield raf();
         if (!contentEl.value) {
           return;
         }
@@ -5608,36 +5602,42 @@ var __sfc__$Y = vue.defineComponent({
           offsetHeight
         } = contentEl.value;
         contentEl.value.style.height = "0px";
-        requestAnimationFrame(() => {
-          if (!contentEl.value) {
-            return;
-          }
-          contentEl.value.style.height = offsetHeight + "px";
-          if (!isInitToTrigger) {
-            return;
-          }
-          nextTickFrame(() => {
-            if (isInitToTrigger) {
-              transitionend();
-            }
-          });
-        });
+        yield raf();
+        if (!contentEl.value) {
+          return;
+        }
+        contentEl.value.style.height = offsetHeight + "px";
+        if (!isInitToTrigger) {
+          return;
+        }
+        yield doubleRaf();
+        if (isInitToTrigger) {
+          transitionend();
+        }
       });
-    };
+      return function openPanel2() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var start2 = () => {
       isInitToTrigger = false;
     };
-    var closePanel = () => {
-      if (!contentEl.value)
-        return;
-      var {
-        offsetHeight
-      } = contentEl.value;
-      contentEl.value.style.height = offsetHeight + "px";
-      requestAnimationFrame(() => {
+    var closePanel = /* @__PURE__ */ function() {
+      var _ref2 = _asyncToGenerator$d(function* () {
+        if (!contentEl.value) {
+          return;
+        }
+        var {
+          offsetHeight
+        } = contentEl.value;
+        contentEl.value.style.height = offsetHeight + "px";
+        yield raf();
         contentEl.value.style.height = "0px";
       });
-    };
+      return function closePanel2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var transitionend = () => {
       if (!isShow.value) {
         showContent.value = false;
@@ -5651,10 +5651,7 @@ var __sfc__$Y = vue.defineComponent({
     };
     bindCollapse(collapseItemProvider);
     vue.watch(isShow, (value) => {
-      if (value)
-        openPanel();
-      else
-        closePanel();
+      value ? openPanel() : closePanel();
     });
     return {
       n: n$X,
@@ -5790,7 +5787,7 @@ var __sfc__$X = vue.defineComponent({
         return;
       }
       if (isStart) {
-        handle = requestAnimationFrame(countdown2);
+        handle = requestAnimationFrame$1(countdown2);
       }
     };
     var start2 = function(resume) {
@@ -9945,6 +9942,35 @@ var __sfc__$S = vue.defineComponent({
 });
 __sfc__$S.render = __render__$R;
 const DayPickerPanel = __sfc__$S;
+function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error2) {
+    reject(error2);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator$c(fn2) {
+  return function() {
+    var self2 = this, args = arguments;
+    return new Promise(function(resolve, reject) {
+      var gen = fn2.apply(self2, args);
+      function _next(value) {
+        asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(void 0);
+    });
+  };
+}
 var {
   n: n$Q,
   classes: classes$I
@@ -10255,15 +10281,19 @@ var __sfc__$R = vue.defineComponent({
       touchDirection = getDirection2(Math.abs(x), Math.abs(y));
       checkType = x > 0 ? "prev" : "next";
     };
-    var handleTouchend = () => {
-      if (isUntouchable.value || touchDirection !== "x")
-        return;
-      var componentRef = getPanelType.value === "month" ? monthPanelEl : dayPanelEl;
-      nextTickFrame(() => {
+    var handleTouchend = /* @__PURE__ */ function() {
+      var _ref = _asyncToGenerator$c(function* () {
+        if (isUntouchable.value || touchDirection !== "x")
+          return;
+        var componentRef = getPanelType.value === "month" ? monthPanelEl : dayPanelEl;
+        yield doubleRaf();
         componentRef.value.forwardRef(checkType);
         resetState();
       });
-    };
+      return function handleTouchend2() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     var updateRange = (date, type) => {
       var rangeDate = type === "month" ? chooseRangeMonth : chooseRangeDay;
       rangeDate.value = rangeDone.value ? [date, date] : [rangeDate.value[0], date];
@@ -13895,23 +13925,26 @@ var __sfc__$J = vue.defineComponent({
       }
       return clamp$1(index2, 0, length.value - 1);
     };
-    var fixPosition = (fn2) => {
-      var overLeft = trackTranslate.value >= size.value;
-      var overRight = trackTranslate.value <= -trackSize.value;
-      var leftTranslate = 0;
-      var rightTranslate = -(trackSize.value - size.value);
-      lockDuration.value = true;
-      if (overLeft || overRight) {
+    var fixPosition = /* @__PURE__ */ function() {
+      var _ref2 = _asyncToGenerator$8(function* () {
+        var overLeft = trackTranslate.value >= size.value;
+        var overRight = trackTranslate.value <= -trackSize.value;
+        var leftTranslate = 0;
+        var rightTranslate = -(trackSize.value - size.value);
         lockDuration.value = true;
-        trackTranslate.value = overRight ? leftTranslate : rightTranslate;
-        findSwipeItem(0).setTranslate(0);
-        findSwipeItem(length.value - 1).setTranslate(0);
-      }
-      nextTickFrame(() => {
+        if (overLeft || overRight) {
+          lockDuration.value = true;
+          trackTranslate.value = overRight ? leftTranslate : rightTranslate;
+          findSwipeItem(0).setTranslate(0);
+          findSwipeItem(length.value - 1).setTranslate(0);
+        }
+        yield doubleRaf();
         lockDuration.value = false;
-        call(fn2);
       });
-    };
+      return function fixPosition2() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
     var initialIndex = () => {
       if (initializedIndex) {
         return;
@@ -13939,16 +13972,20 @@ var __sfc__$J = vue.defineComponent({
       trackTranslate.value = value;
       dispatchSwipeItems();
     };
-    var handleTouchstart = (event) => {
-      if (length.value <= 1 || !props2.touchable) {
-        return;
-      }
-      startTouch(event);
-      stopAutoplay();
-      fixPosition(() => {
+    var handleTouchstart = /* @__PURE__ */ function() {
+      var _ref3 = _asyncToGenerator$8(function* (event) {
+        if (length.value <= 1 || !props2.touchable) {
+          return;
+        }
+        startTouch(event);
+        stopAutoplay();
+        yield fixPosition();
         lockDuration.value = true;
       });
-    };
+      return function handleTouchstart2(_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
     var handleTouchmove = (event) => {
       var {
         touchable,
@@ -14003,21 +14040,22 @@ var __sfc__$J = vue.defineComponent({
         lockDuration.value = false;
       });
     };
-    var next = (options) => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props2;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex + 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+    var next = /* @__PURE__ */ function() {
+      var _ref4 = _asyncToGenerator$8(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props2;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex + 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === length.value - 1 && loop) {
           findSwipeItem(0).setTranslate(trackSize.value);
           trackTranslate.value = length.value * -size.value;
@@ -14027,22 +14065,26 @@ var __sfc__$J = vue.defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
-    var prev = (options) => {
-      if (length.value <= 1) {
-        return;
-      }
-      initialIndex();
-      var {
-        loop,
-        onChange
-      } = props2;
-      var currentIndex = index.value;
-      index.value = clampIndex(currentIndex - 1);
-      if ((options == null ? void 0 : options.event) !== false) {
-        call(onChange, index.value);
-      }
-      fixPosition(() => {
+      return function next2(_x2) {
+        return _ref4.apply(this, arguments);
+      };
+    }();
+    var prev = /* @__PURE__ */ function() {
+      var _ref5 = _asyncToGenerator$8(function* (options) {
+        if (length.value <= 1) {
+          return;
+        }
+        initialIndex();
+        var {
+          loop,
+          onChange
+        } = props2;
+        var currentIndex = index.value;
+        index.value = clampIndex(currentIndex - 1);
+        if ((options == null ? void 0 : options.event) !== false) {
+          call(onChange, index.value);
+        }
+        yield fixPosition();
         if (currentIndex === 0 && loop) {
           findSwipeItem(length.value - 1).setTranslate(-trackSize.value);
           trackTranslate.value = size.value;
@@ -14052,7 +14094,10 @@ var __sfc__$J = vue.defineComponent({
           trackTranslate.value = index.value * -size.value;
         }
       });
-    };
+      return function prev2(_x3) {
+        return _ref5.apply(this, arguments);
+      };
+    }();
     var to = (idx, options) => {
       if (length.value <= 1 || idx === index.value) {
         return;
@@ -14082,7 +14127,7 @@ var __sfc__$J = vue.defineComponent({
     }));
     if (popup2) {
       vue.watch(() => popup2.show.value, /* @__PURE__ */ function() {
-        var _ref3 = _asyncToGenerator$8(function* (show) {
+        var _ref7 = _asyncToGenerator$8(function* (show) {
           if (show) {
             yield doubleRaf();
             resize();
@@ -14090,8 +14135,8 @@ var __sfc__$J = vue.defineComponent({
             stopAutoplay();
           }
         });
-        return function(_x) {
-          return _ref3.apply(this, arguments);
+        return function(_x4) {
+          return _ref7.apply(this, arguments);
         };
       }());
     }
@@ -15188,9 +15233,8 @@ var __sfc__$E = vue.defineComponent({
           animation: easeInOutCubic,
           duration: toNumber(props2.duration)
         });
-        nextTickFrame(() => {
-          clickedName.value = "";
-        });
+        yield doubleRaf();
+        clickedName.value = "";
       });
       return function anchorClick2(_x) {
         return _ref2.apply(this, arguments);
@@ -15212,7 +15256,7 @@ var __sfc__$E = vue.defineComponent({
       scroller.removeEventListener("scroll", handleScroll);
     };
     var scrollTo$1 = (index, options) => {
-      requestAnimationFrame(() => anchorClick({
+      requestAnimationFrame$1(() => anchorClick({
         anchorName: index,
         options
       }));
@@ -18949,19 +18993,6 @@ __sfc__$q.render = __render__$p;
 const Rate = __sfc__$q;
 withInstall(Rate);
 var _RateComponent = Rate;
-var props$i = {
-  imageSize: [String, Number],
-  type: {
-    type: String,
-    default: "success"
-  },
-  title: String,
-  description: String,
-  animation: {
-    type: Boolean,
-    default: true
-  }
-};
 var _withScopeId$6 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 var _hoisted_1$b = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -19164,6 +19195,19 @@ function __render__$j(_ctx, _cache) {
 var __sfc__$k = vue.defineComponent({});
 __sfc__$k.render = __render__$j;
 const Empty = __sfc__$k;
+var props$i = {
+  imageSize: [String, Number],
+  type: {
+    type: String,
+    default: "success"
+  },
+  title: String,
+  description: String,
+  animation: {
+    type: Boolean,
+    default: true
+  }
+};
 var {
   n: n$k,
   classes: classes$g
@@ -24431,7 +24475,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.15.0";
+const version = "2.15.2-alpha.1693502641730";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);