@varlet/ui 2.20.6 → 2.21.0-alpha.1704976407062

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$3w = vue.reactive(context);
+var stdin_default$3y = vue.reactive(context);
 var __defProp$v = Object.defineProperty;
 var __defProps$a = Object.defineProperties;
 var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
@@ -798,7 +798,7 @@ var __spreadValues$s = (a, b) => {
   return a;
 };
 var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-const { n: n$1n } = createNamespace("ripple");
+const { n: n$1o } = createNamespace("ripple");
 const ANIMATION_DURATION$1 = 250;
 function setStyles(element) {
   const { zIndex, position } = getStyle$1(element);
@@ -824,14 +824,14 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$3w.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$3y.enableRipple) {
     return;
   }
   const task = () => {
     _ripple.tasker = null;
     const { x, y, centerX, centerY, size } = computeRippleStyles(this, event);
     const ripple = document.createElement("div");
-    ripple.classList.add(n$1n());
+    ripple.classList.add(n$1o());
     ripple.style.opacity = `0`;
     ripple.style.transform = `translate(${x}px, ${y}px) scale3d(.3, .3, .3)`;
     ripple.style.width = `${size}px`;
@@ -850,7 +850,7 @@ function createRipple(event) {
 function removeRipple() {
   const _ripple = this._ripple;
   const task = () => {
-    const ripples = this.querySelectorAll(`.${n$1n()}`);
+    const ripples = this.querySelectorAll(`.${n$1o()}`);
     if (!ripples.length) {
       return;
     }
@@ -867,7 +867,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$3w.enableRipple) {
+  if (!supportTouch() || !stdin_default$3y.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -919,8 +919,8 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$3v = Ripple;
-const props$1f = {
+var stdin_default$3x = Ripple;
+const props$1g = {
   show: Boolean,
   position: {
     type: String,
@@ -961,15 +961,15 @@ const props$1f = {
   onRouteChange: defineListenerProp()
 };
 function resolveLock() {
-  const lockCounts = Object.keys(stdin_default$3w.locks).length;
+  const lockCounts = Object.keys(stdin_default$3y.locks).length;
   lockCounts <= 0 ? document.body.classList.remove("var--lock") : document.body.classList.add("var--lock");
 }
 function addLock(uid) {
-  stdin_default$3w.locks[uid] = 1;
+  stdin_default$3y.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$3w.locks[uid];
+  delete stdin_default$3y.locks[uid];
   resolveLock();
 }
 function useLock(source, useSource) {
@@ -1027,13 +1027,13 @@ function useLock(source, useSource) {
   });
 }
 function useZIndex(source, count) {
-  const zIndex = vue.ref(stdin_default$3w.zIndex);
+  const zIndex = vue.ref(stdin_default$3y.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$3w.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$3w.zIndex;
+        stdin_default$3y.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$3y.zIndex;
       }
     },
     { immediate: true }
@@ -1074,14 +1074,14 @@ var __spreadValues$r = (a, b) => {
   return a;
 };
 const {
-  name: name$1f,
-  n: n$1m,
+  name: name$1g,
+  n: n$1n,
   classes: classes$19
 } = createNamespace("popup");
-var stdin_default$3u = vue.defineComponent({
-  name: name$1f,
+var stdin_default$3w = vue.defineComponent({
+  name: name$1g,
   inheritAttrs: false,
-  props: props$1f,
+  props: props$1g,
   setup(props2, {
     slots,
     attrs
@@ -1121,7 +1121,7 @@ var stdin_default$3u = vue.defineComponent({
         overlayStyle
       } = props2;
       return vue.createVNode("div", {
-        "class": classes$19(n$1m("overlay"), overlayClass),
+        "class": classes$19(n$1n("overlay"), overlayClass),
         "style": __spreadValues$r({
           zIndex: zIndex.value - 1
         }, overlayStyle),
@@ -1130,7 +1130,7 @@ var stdin_default$3u = vue.defineComponent({
     }
     function renderContent() {
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-        "class": classes$19(n$1m("content"), n$1m(`--${props2.position}`), [props2.defaultStyle, n$1m("--content-background-color")], [props2.defaultStyle, n$1m("$-elevation--3")], [props2.safeArea, n$1m("--safe-area")], [props2.safeAreaTop, n$1m("--safe-area-top")]),
+        "class": classes$19(n$1n("content"), n$1n(`--${props2.position}`), [props2.defaultStyle, n$1n("--content-background-color")], [props2.defaultStyle, n$1n("$-elevation--3")], [props2.safeArea, n$1n("--safe-area")], [props2.safeAreaTop, n$1n("--safe-area-top")]),
         "style": {
           zIndex: zIndex.value
         }
@@ -1138,17 +1138,17 @@ var stdin_default$3u = vue.defineComponent({
     }
     function renderPopup() {
       return vue.createVNode(vue.Transition, {
-        "name": n$1m("$-fade"),
+        "name": n$1n("$-fade"),
         "onAfterEnter": props2.onOpened,
         "onAfterLeave": props2.onClosed
       }, {
         default: () => [vue.withDirectives(vue.createVNode("div", {
-          "class": classes$19(n$1m("$--box"), n$1m()),
+          "class": classes$19(n$1n("$--box"), n$1n()),
           "style": {
             zIndex: zIndex.value - 2
           }
         }, [props2.overlay && renderOverlay(), vue.createVNode(vue.Transition, {
-          "name": props2.transition || n$1m(`$-pop-${props2.position}`)
+          "name": props2.transition || n$1n(`$-pop-${props2.position}`)
         }, {
           default: () => [renderContent()]
         })]), [[vue.vShow, props2.show]])]
@@ -1170,11 +1170,11 @@ var stdin_default$3u = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$3u);
-withPropsDefaultsSetter(stdin_default$3u, props$1f);
-const _PopupComponent = stdin_default$3u;
-var stdin_default$3t = stdin_default$3u;
-const props$1e = {
+withInstall(stdin_default$3w);
+withPropsDefaultsSetter(stdin_default$3w, props$1g);
+const _PopupComponent = stdin_default$3w;
+var stdin_default$3v = stdin_default$3w;
+const props$1f = {
   name: String,
   size: [Number, String],
   color: String,
@@ -1361,8 +1361,8 @@ var __async$g = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1e, n: n$1l, classes: classes$18 } = createNamespace("icon");
-function __render__$1l(_ctx, _cache) {
+const { name: name$1f, n: n$1m, classes: classes$18 } = createNamespace("icon");
+function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
       _ctx.classes(
@@ -1384,9 +1384,9 @@ function __render__$1l(_ctx, _cache) {
     onClick: _ctx.onClick
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
-const __sfc__$1m = vue.defineComponent({
-  name: name$1e,
-  props: props$1e,
+const __sfc__$1n = vue.defineComponent({
+  name: name$1f,
+  props: props$1f,
   setup(props2) {
     const nextName = vue.ref("");
     const animateInProgress = vue.ref(false);
@@ -1411,7 +1411,7 @@ const __sfc__$1m = vue.defineComponent({
     return {
       nextName,
       animateInProgress,
-      n: n$1l,
+      n: n$1m,
       classes: classes$18,
       isURL,
       toNumber,
@@ -1419,12 +1419,12 @@ const __sfc__$1m = vue.defineComponent({
     };
   }
 });
-__sfc__$1m.render = __render__$1l;
-var stdin_default$3s = __sfc__$1m;
-withInstall(stdin_default$3s);
-withPropsDefaultsSetter(stdin_default$3s, props$1e);
-const _IconComponent = stdin_default$3s;
-var stdin_default$3r = stdin_default$3s;
+__sfc__$1n.render = __render__$1m;
+var stdin_default$3u = __sfc__$1n;
+withInstall(stdin_default$3u);
+withPropsDefaultsSetter(stdin_default$3u, props$1f);
+const _IconComponent = stdin_default$3u;
+var stdin_default$3t = stdin_default$3u;
 var __defProp$q = Object.defineProperty;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
@@ -1441,7 +1441,7 @@ var __spreadValues$q = (a, b) => {
     }
   return a;
 };
-const props$1d = __spreadValues$q({
+const props$1e = __spreadValues$q({
   show: Boolean,
   title: String,
   actions: {
@@ -1454,7 +1454,7 @@ const props$1d = __spreadValues$q({
   },
   onSelect: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1f, [
+}, pickProps(props$1g, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -1470,7 +1470,7 @@ const props$1d = __spreadValues$q({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
-var stdin_default$3q = {
+var stdin_default$3s = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -1575,7 +1575,7 @@ var stdin_default$3q = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$3p = {
+var stdin_default$3r = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -1680,7 +1680,7 @@ var stdin_default$3p = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$3o = {
+var stdin_default$3q = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -1782,7 +1782,7 @@ var stdin_default$3o = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$3n = stdin_default$3o;
+var stdin_default$3p = stdin_default$3q;
 var __defProp$p = Object.defineProperty;
 var __getOwnPropSymbols$p = Object.getOwnPropertySymbols;
 var __hasOwnProp$p = Object.prototype.hasOwnProperty;
@@ -1830,14 +1830,14 @@ function useLocale() {
   };
 }
 const { packs, pack, add: add$2, use, merge } = useLocale();
-add$2("zh-CN", stdin_default$3q);
+add$2("zh-CN", stdin_default$3s);
 use("zh-CN");
-const _LocaleComponent = { zhCN: stdin_default$3q, enUS: stdin_default$3p, packs, pack, add: add$2, use, merge, useLocale };
-var stdin_default$3m = {
-  zhCN: stdin_default$3q,
-  enUS: stdin_default$3p,
-  zhTW: stdin_default$3o,
-  zhHK: stdin_default$3n,
+const _LocaleComponent = { zhCN: stdin_default$3s, enUS: stdin_default$3r, packs, pack, add: add$2, use, merge, useLocale };
+var stdin_default$3o = {
+  zhCN: stdin_default$3s,
+  enUS: stdin_default$3r,
+  zhTW: stdin_default$3q,
+  zhHK: stdin_default$3p,
   packs,
   pack,
   add: add$2,
@@ -1845,9 +1845,9 @@ var stdin_default$3m = {
   merge,
   useLocale
 };
-const { name: name$1d, n: n$1k, classes: classes$17 } = createNamespace("action-sheet");
+const { name: name$1e, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
 const _hoisted_1$u = ["onClick"];
-function __render__$1k(_ctx, _cache) {
+function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_popup = vue.resolveComponent("var-popup");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -1937,15 +1937,15 @@ function __render__$1k(_ctx, _cache) {
     /* FORWARDED */
   }, 16, ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "safe-area", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange"]);
 }
-const __sfc__$1l = vue.defineComponent({
-  name: name$1d,
-  directives: { Ripple: stdin_default$3v },
+const __sfc__$1m = vue.defineComponent({
+  name: name$1e,
+  directives: { Ripple: stdin_default$3x },
   components: {
-    VarPopup: stdin_default$3t,
-    VarIcon: stdin_default$3r
+    VarPopup: stdin_default$3v,
+    VarIcon: stdin_default$3t
   },
   inheritAttrs: false,
-  props: props$1d,
+  props: props$1e,
   setup(props2) {
     const popupShow = vue.ref(false);
     vue.watch(
@@ -1969,15 +1969,15 @@ const __sfc__$1l = vue.defineComponent({
     return {
       popupShow,
       pack,
-      n: n$1k,
+      n: n$1l,
       classes: classes$17,
       handlePopupUpdateShow,
       handleSelect
     };
   }
 });
-__sfc__$1l.render = __render__$1k;
-var stdin_default$3l = __sfc__$1l;
+__sfc__$1m.render = __render__$1l;
+var stdin_default$3n = __sfc__$1m;
 var __defProp$o = Object.defineProperty;
 var __getOwnPropSymbols$o = Object.getOwnPropertySymbols;
 var __hasOwnProp$o = Object.prototype.hasOwnProperty;
@@ -2008,7 +2008,7 @@ function ActionSheet(options) {
     const reactiveActionSheetOptions = vue.reactive(normalizeOptions$3(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
-    const { unmountInstance } = mountInstance(stdin_default$3l, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$3n, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -2048,13 +2048,13 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$3l;
-withInstall(stdin_default$3l);
-withInstall(stdin_default$3l, ActionSheet);
-withPropsDefaultsSetter(ActionSheet, props$1d);
-const _ActionSheetComponent = stdin_default$3l;
-var stdin_default$3k = ActionSheet;
-const props$1c = {
+ActionSheet.Component = stdin_default$3n;
+withInstall(stdin_default$3n);
+withInstall(stdin_default$3n, ActionSheet);
+withPropsDefaultsSetter(ActionSheet, props$1e);
+const _ActionSheetComponent = stdin_default$3n;
+var stdin_default$3m = ActionSheet;
+const props$1d = {
   color: String,
   textColor: String,
   title: String,
@@ -2071,8 +2071,8 @@ const props$1c = {
   imageLinearGradient: String,
   safeAreaTop: Boolean
 };
-const { name: name$1c, n: n$1j, classes: classes$16 } = createNamespace("app-bar");
-function __render__$1j(_ctx, _cache) {
+const { name: name$1d, n: n$1k, classes: classes$16 } = createNamespace("app-bar");
+function __render__$1k(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -2182,9 +2182,9 @@ function __render__$1j(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1k = vue.defineComponent({
-  name: name$1c,
-  props: props$1c,
+const __sfc__$1l = vue.defineComponent({
+  name: name$1d,
+  props: props$1d,
   setup(props2, { slots }) {
     const paddingLeft = vue.ref();
     const paddingRight = vue.ref();
@@ -2213,18 +2213,18 @@ const __sfc__$1k = vue.defineComponent({
       rootStyles,
       paddingLeft,
       paddingRight,
-      n: n$1j,
+      n: n$1k,
       classes: classes$16,
       formatElevation
     };
   }
 });
-__sfc__$1k.render = __render__$1j;
-var stdin_default$3j = __sfc__$1k;
-withInstall(stdin_default$3j);
-withPropsDefaultsSetter(stdin_default$3j, props$1c);
-const _AppBarComponent = stdin_default$3j;
-var stdin_default$3i = stdin_default$3j;
+__sfc__$1l.render = __render__$1k;
+var stdin_default$3l = __sfc__$1l;
+withInstall(stdin_default$3l);
+withPropsDefaultsSetter(stdin_default$3l, props$1d);
+const _AppBarComponent = stdin_default$3l;
+var stdin_default$3k = stdin_default$3l;
 const isHTMLSupportImage = (val) => {
   if (!isString(val)) {
     return false;
@@ -2471,8 +2471,8 @@ const Lazy = {
   }
 };
 const _LazyComponent = Lazy;
-var stdin_default$3h = Lazy;
-const props$1b = {
+var stdin_default$3j = Lazy;
+const props$1c = {
   round: {
     type: Boolean,
     default: true
@@ -2499,10 +2499,10 @@ const props$1b = {
   onError: defineListenerProp()
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-const { name: name$1b, n: n$1i, classes: classes$15 } = createNamespace("avatar");
+const { name: name$1c, n: n$1j, classes: classes$15 } = createNamespace("avatar");
 const _hoisted_1$t = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$g = ["src", "alt"];
-function __render__$1i(_ctx, _cache) {
+function __render__$1j(_ctx, _cache) {
   const _directive_lazy = vue.resolveDirective("lazy");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -2573,10 +2573,10 @@ function __render__$1i(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1j = vue.defineComponent({
-  name: name$1b,
-  directives: { Lazy: stdin_default$3h },
-  props: props$1b,
+const __sfc__$1k = vue.defineComponent({
+  name: name$1c,
+  directives: { Lazy: stdin_default$3j },
+  props: props$1c,
   setup(props2) {
     const avatarElement = vue.ref(null);
     const textElement = vue.ref(null);
@@ -2616,7 +2616,7 @@ const __sfc__$1j = vue.defineComponent({
       avatarElement,
       textElement,
       scale,
-      n: n$1i,
+      n: n$1j,
       classes: classes$15,
       isInternalSize: isInternalSize$1,
       toSizeUnit,
@@ -2626,18 +2626,18 @@ const __sfc__$1j = vue.defineComponent({
     };
   }
 });
-__sfc__$1j.render = __render__$1i;
-var stdin_default$3g = __sfc__$1j;
-withInstall(stdin_default$3g);
-withPropsDefaultsSetter(stdin_default$3g, props$1b);
-const _AvatarComponent = stdin_default$3g;
-var stdin_default$3f = stdin_default$3g;
-const props$1a = {
+__sfc__$1k.render = __render__$1j;
+var stdin_default$3i = __sfc__$1k;
+withInstall(stdin_default$3i);
+withPropsDefaultsSetter(stdin_default$3i, props$1c);
+const _AvatarComponent = stdin_default$3i;
+var stdin_default$3h = stdin_default$3i;
+const props$1b = {
   offset: [Number, String],
   vertical: Boolean
 };
-const { name: name$1a, n: n$1h, classes: classes$14 } = createNamespace("avatar-group");
-function __render__$1h(_ctx, _cache) {
+const { name: name$1b, n: n$1i, classes: classes$14 } = createNamespace("avatar-group");
+function __render__$1i(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -2651,9 +2651,9 @@ function __render__$1h(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1i = vue.defineComponent({
-  name: name$1a,
-  props: props$1a,
+const __sfc__$1j = vue.defineComponent({
+  name: name$1b,
+  props: props$1b,
   setup(props2) {
     const rootStyles = vue.computed(() => {
       if (props2.offset == null) {
@@ -2665,19 +2665,19 @@ const __sfc__$1i = vue.defineComponent({
     });
     return {
       rootStyles,
-      n: n$1h,
+      n: n$1i,
       classes: classes$14,
       toSizeUnit
     };
   }
 });
-__sfc__$1i.render = __render__$1h;
-var stdin_default$3e = __sfc__$1i;
-withInstall(stdin_default$3e);
-withPropsDefaultsSetter(stdin_default$3e, props$1a);
-const _AvatarGroupComponent = stdin_default$3e;
-var stdin_default$3d = stdin_default$3e;
-const props$19 = {
+__sfc__$1j.render = __render__$1i;
+var stdin_default$3g = __sfc__$1j;
+withInstall(stdin_default$3g);
+withPropsDefaultsSetter(stdin_default$3g, props$1b);
+const _AvatarGroupComponent = stdin_default$3g;
+var stdin_default$3f = stdin_default$3g;
+const props$1a = {
   type: {
     type: String,
     default: "circle"
@@ -2691,7 +2691,7 @@ const props$19 = {
   description: String,
   loading: Boolean
 };
-const { name: name$19, n: n$1g, classes: classes$13 } = createNamespace("loading");
+const { name: name$1a, n: n$1h, classes: classes$13 } = createNamespace("loading");
 const _withScopeId$7 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$s = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
@@ -2710,7 +2710,7 @@ const _hoisted_1$s = /* @__PURE__ */ _withScopeId$7(() => /* @__PURE__ */ vue.cr
 const _hoisted_2$f = [
   _hoisted_1$s
 ];
-function __render__$1g(_ctx, _cache) {
+function __render__$1h(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -2845,9 +2845,9 @@ function __render__$1g(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1h = vue.defineComponent({
-  name: name$19,
-  props: props$19,
+const __sfc__$1i = vue.defineComponent({
+  name: name$1a,
+  props: props$1a,
   setup(props2, { slots }) {
     const isShow = vue.computed(() => {
       if (!call(slots.default)) {
@@ -2864,26 +2864,26 @@ const __sfc__$1h = vue.defineComponent({
     return {
       loadingTypeDict,
       isShow,
-      n: n$1g,
+      n: n$1h,
       classes: classes$13,
       multiplySizeUnit
     };
   }
 });
-__sfc__$1h.render = __render__$1g;
-var stdin_default$3c = __sfc__$1h;
-withInstall(stdin_default$3c);
-withPropsDefaultsSetter(stdin_default$3c, props$19);
-const _LoadingComponent = stdin_default$3c;
-var stdin_default$3b = stdin_default$3c;
-const props$18 = {
+__sfc__$1i.render = __render__$1h;
+var stdin_default$3e = __sfc__$1i;
+withInstall(stdin_default$3e);
+withPropsDefaultsSetter(stdin_default$3e, props$1a);
+const _LoadingComponent = stdin_default$3e;
+var stdin_default$3d = stdin_default$3e;
+const props$19 = {
   hovering: {
     type: Boolean,
     default: true
   }
 };
-const { name: name$18, n: n$1f, classes: classes$12 } = createNamespace("hover-overlay");
-function __render__$1f(_ctx, _cache) {
+const { name: name$19, n: n$1g, classes: classes$12 } = createNamespace("hover-overlay");
+function __render__$1g(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -2894,18 +2894,18 @@ function __render__$1f(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1g = vue.defineComponent({
-  name: name$18,
-  props: props$18,
+const __sfc__$1h = vue.defineComponent({
+  name: name$19,
+  props: props$19,
   setup: () => ({
-    n: n$1f,
+    n: n$1g,
     classes: classes$12
   })
 });
-__sfc__$1g.render = __render__$1f;
-var stdin_default$3a = __sfc__$1g;
-withInstall(stdin_default$3a);
-withPropsDefaultsSetter(stdin_default$3a, props$18);
+__sfc__$1h.render = __render__$1g;
+var stdin_default$3c = __sfc__$1h;
+withInstall(stdin_default$3c);
+withPropsDefaultsSetter(stdin_default$3c, props$19);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -2916,8 +2916,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$3a;
-var stdin_default$39 = stdin_default$3a;
+const _HoverOverlayComponent = stdin_default$3c;
+var stdin_default$3b = stdin_default$3c;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -3037,7 +3037,7 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$38 = Hover;
+var stdin_default$3a = Hover;
 var __defProp$m = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -3057,7 +3057,7 @@ var __spreadValues$m = (a, b) => {
   return a;
 };
 var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const props$17 = {
+const props$18 = {
   type: String,
   nativeType: {
     type: String,
@@ -3082,9 +3082,9 @@ const props$17 = {
     default: true
   },
   loadingRadius: [Number, String],
-  loadingType: pickProps(props$19, "type"),
-  loadingSize: pickProps(props$19, "size"),
-  loadingColor: __spreadProps$7(__spreadValues$m({}, pickProps(props$19, "color")), {
+  loadingType: pickProps(props$1a, "type"),
+  loadingSize: pickProps(props$1a, "size"),
+  loadingColor: __spreadProps$7(__spreadValues$m({}, pickProps(props$1a, "color")), {
     default: "currentColor"
   }),
   onClick: defineListenerProp(),
@@ -3107,9 +3107,9 @@ function useButtonGroup() {
     bindButtonGroup: bindParent
   };
 }
-const { name: name$17, n: n$1e, classes: classes$11 } = createNamespace("button");
+const { name: name$18, n: n$1f, classes: classes$11 } = createNamespace("button");
 const _hoisted_1$r = ["type", "disabled"];
-function __render__$1e(_ctx, _cache) {
+function __render__$1f(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -3166,14 +3166,14 @@ function __render__$1e(_ctx, _cache) {
     [_directive_hover, _ctx.handleHovering, "desktop"]
   ]);
 }
-const __sfc__$1f = vue.defineComponent({
-  name: name$17,
+const __sfc__$1g = vue.defineComponent({
+  name: name$18,
   components: {
-    VarLoading: stdin_default$3b,
-    VarHoverOverlay: stdin_default$39
+    VarLoading: stdin_default$3d,
+    VarHoverOverlay: stdin_default$3b
   },
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
-  props: props$17,
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
+  props: props$18,
   setup(props2) {
     const pending = vue.ref(false);
     const { buttonGroup } = useButtonGroup();
@@ -3230,7 +3230,7 @@ const __sfc__$1f = vue.defineComponent({
       pending,
       states,
       hovering,
-      n: n$1e,
+      n: n$1f,
       classes: classes$11,
       handleHovering,
       handleClick,
@@ -3238,13 +3238,13 @@ const __sfc__$1f = vue.defineComponent({
     };
   }
 });
-__sfc__$1f.render = __render__$1e;
-var stdin_default$37 = __sfc__$1f;
-withInstall(stdin_default$37);
-withPropsDefaultsSetter(stdin_default$37, props$17);
-const _ButtonComponent = stdin_default$37;
-var stdin_default$36 = stdin_default$37;
-const props$16 = {
+__sfc__$1g.render = __render__$1f;
+var stdin_default$39 = __sfc__$1g;
+withInstall(stdin_default$39);
+withPropsDefaultsSetter(stdin_default$39, props$18);
+const _ButtonComponent = stdin_default$39;
+var stdin_default$38 = stdin_default$39;
+const props$17 = {
   visibilityHeight: {
     type: [Number, String],
     default: 200
@@ -3262,8 +3262,8 @@ const props$16 = {
   target: [String, Object],
   onClick: defineListenerProp()
 };
-const { name: name$16, n: n$1d, classes: classes$10 } = createNamespace("back-top");
-function __render__$1d(_ctx, _cache) {
+const { name: name$17, n: n$1e, classes: classes$10 } = createNamespace("back-top");
+function __render__$1e(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -3303,14 +3303,14 @@ function __render__$1d(_ctx, _cache) {
     )
   ], 8, ["disabled"]);
 }
-const __sfc__$1e = vue.defineComponent({
-  name: name$16,
+const __sfc__$1f = vue.defineComponent({
+  name: name$17,
   components: {
-    VarButton: stdin_default$36,
-    VarIcon: stdin_default$3r
+    VarButton: stdin_default$38,
+    VarIcon: stdin_default$3t
   },
   inheritAttrs: false,
-  props: props$16,
+  props: props$17,
   setup(props2) {
     const show = vue.ref(false);
     const backTopEl = vue.ref(null);
@@ -3349,19 +3349,19 @@ const __sfc__$1e = vue.defineComponent({
       show,
       backTopEl,
       toSizeUnit,
-      n: n$1d,
+      n: n$1e,
       classes: classes$10,
       handleClick
     };
   }
 });
-__sfc__$1e.render = __render__$1d;
-var stdin_default$35 = __sfc__$1e;
-withInstall(stdin_default$35);
-withPropsDefaultsSetter(stdin_default$35, props$16);
-const _BackTopComponent = stdin_default$35;
-var stdin_default$34 = stdin_default$35;
-const props$15 = {
+__sfc__$1f.render = __render__$1e;
+var stdin_default$37 = __sfc__$1f;
+withInstall(stdin_default$37);
+withPropsDefaultsSetter(stdin_default$37, props$17);
+const _BackTopComponent = stdin_default$37;
+var stdin_default$36 = stdin_default$37;
+const props$16 = {
   type: {
     type: String,
     default: "default"
@@ -3377,8 +3377,8 @@ const props$15 = {
   },
   maxValue: [String, Number],
   dot: Boolean,
-  icon: pickProps(props$1e, "name"),
-  namespace: pickProps(props$1e, "namespace"),
+  icon: pickProps(props$1f, "name"),
+  namespace: pickProps(props$1f, "namespace"),
   color: String,
   offsetX: {
     type: [String, Number],
@@ -3405,9 +3405,9 @@ var __spreadValues$l = (a, b) => {
     }
   return a;
 };
-const { name: name$15, n: n$1c, classes: classes$$ } = createNamespace("badge");
+const { name: name$16, n: n$1d, classes: classes$$ } = createNamespace("badge");
 const _hoisted_1$q = { key: 0 };
-function __render__$1c(_ctx, _cache) {
+function __render__$1d(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3465,11 +3465,11 @@ function __render__$1c(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1d = vue.defineComponent({
-  name: name$15,
-  components: { VarIcon: stdin_default$3r },
+const __sfc__$1e = vue.defineComponent({
+  name: name$16,
+  components: { VarIcon: stdin_default$3t },
   inheritAttrs: false,
-  props: props$15,
+  props: props$16,
   setup(props2) {
     const value = vue.computed(() => {
       const { value: value2, maxValue } = props2;
@@ -3482,18 +3482,18 @@ const __sfc__$1d = vue.defineComponent({
     return {
       value,
       offsetStyle,
-      n: n$1c,
+      n: n$1d,
       classes: classes$$
     };
   }
 });
-__sfc__$1d.render = __render__$1c;
-var stdin_default$33 = __sfc__$1d;
-withInstall(stdin_default$33);
-withPropsDefaultsSetter(stdin_default$33, props$15);
-const _BadgeComponent = stdin_default$33;
-var stdin_default$32 = stdin_default$33;
-const props$14 = {
+__sfc__$1e.render = __render__$1d;
+var stdin_default$35 = __sfc__$1e;
+withInstall(stdin_default$35);
+withPropsDefaultsSetter(stdin_default$35, props$16);
+const _BadgeComponent = stdin_default$35;
+var stdin_default$34 = stdin_default$35;
+const props$15 = {
   active: {
     type: [Number, String],
     default: 0
@@ -3542,7 +3542,7 @@ var __spreadValues$k = (a, b) => {
     }
   return a;
 };
-const { name: name$14, n: n$1b, classes: classes$_ } = createNamespace("bottom-navigation");
+const { name: name$15, n: n$1c, classes: classes$_ } = createNamespace("bottom-navigation");
 const { n: nItem } = createNamespace("bottom-navigation-item");
 const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
 const LEFT_HALF_SPACE_CLASS = nItem("--left-half-space");
@@ -3550,7 +3550,7 @@ const RIGHT_SPACE_CLASS = nItem("--right-space");
 const defaultFabProps = {
   type: "primary"
 };
-function __render__$1b(_ctx, _cache) {
+function __render__$1c(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3578,10 +3578,10 @@ function __render__$1b(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$1c = vue.defineComponent({
-  name: name$14,
-  components: { VarButton: stdin_default$36 },
-  props: props$14,
+const __sfc__$1d = vue.defineComponent({
+  name: name$15,
+  components: { VarButton: stdin_default$38 },
+  props: props$15,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
     const active = vue.computed(() => props2.active);
@@ -3695,23 +3695,23 @@ const __sfc__$1c = vue.defineComponent({
       length,
       bottomNavigationDom,
       fabProps,
-      n: n$1b,
+      n: n$1c,
       classes: classes$_,
       handleFabClick
     };
   }
 });
-__sfc__$1c.render = __render__$1b;
-var stdin_default$31 = __sfc__$1c;
-withInstall(stdin_default$31);
-withPropsDefaultsSetter(stdin_default$31, props$14);
-const _BottomNavigationComponent = stdin_default$31;
-var stdin_default$30 = stdin_default$31;
-const props$13 = {
+__sfc__$1d.render = __render__$1c;
+var stdin_default$33 = __sfc__$1d;
+withInstall(stdin_default$33);
+withPropsDefaultsSetter(stdin_default$33, props$15);
+const _BottomNavigationComponent = stdin_default$33;
+var stdin_default$32 = stdin_default$33;
+const props$14 = {
   name: String,
   label: String,
-  icon: pickProps(props$1e, "name"),
-  namespace: pickProps(props$1e, "namespace"),
+  icon: pickProps(props$1f, "name"),
+  namespace: pickProps(props$1f, "namespace"),
   badge: {
     type: [Boolean, Object],
     default: false
@@ -3731,12 +3731,12 @@ function useBottomNavigation() {
     bindBottomNavigation: bindParent
   };
 }
-const { name: name$13, n: n$1a, classes: classes$Z } = createNamespace("bottom-navigation-item");
+const { name: name$14, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",
   dot: true
 };
-function __render__$1a(_ctx, _cache) {
+function __render__$1b(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_badge = vue.resolveComponent("var-badge");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -3795,14 +3795,14 @@ function __render__$1a(_ctx, _cache) {
     [_directive_ripple]
   ]);
 }
-const __sfc__$1b = vue.defineComponent({
-  name: name$13,
+const __sfc__$1c = vue.defineComponent({
+  name: name$14,
   components: {
-    VarBadge: stdin_default$32,
-    VarIcon: stdin_default$3r
+    VarBadge: stdin_default$34,
+    VarIcon: stdin_default$3t
   },
-  directives: { Ripple: stdin_default$3v },
-  props: props$13,
+  directives: { Ripple: stdin_default$3x },
+  props: props$14,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
     const badge = vue.computed(() => props2.badge);
@@ -3835,20 +3835,20 @@ const __sfc__$1b = vue.defineComponent({
       active,
       badge,
       badgeProps,
-      n: n$1a,
+      n: n$1b,
       classes: classes$Z,
       computeColorStyle,
       handleClick
     };
   }
 });
-__sfc__$1b.render = __render__$1a;
-var stdin_default$2$ = __sfc__$1b;
-withInstall(stdin_default$2$);
-withPropsDefaultsSetter(stdin_default$2$, props$13);
-const _BottomNavigationItemComponent = stdin_default$2$;
-var stdin_default$2_ = stdin_default$2$;
-const props$12 = {
+__sfc__$1c.render = __render__$1b;
+var stdin_default$31 = __sfc__$1c;
+withInstall(stdin_default$31);
+withPropsDefaultsSetter(stdin_default$31, props$14);
+const _BottomNavigationItemComponent = stdin_default$31;
+var stdin_default$30 = stdin_default$31;
+const props$13 = {
   separator: String,
   onClick: defineListenerProp()
 };
@@ -3876,8 +3876,8 @@ function useBreadcrumb() {
     bindBreadcrumb: bindParent
   };
 }
-const { name: name$12, n: n$19, classes: classes$Y } = createNamespace("breadcrumb");
-function __render__$19(_ctx, _cache) {
+const { name: name$13, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
+function __render__$1a(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -3915,9 +3915,9 @@ function __render__$19(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$1a = vue.defineComponent({
-  name: name$12,
-  props: props$12,
+const __sfc__$1b = vue.defineComponent({
+  name: name$13,
+  props: props$13,
   setup(props2) {
     const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
     const isLast = vue.computed(() => index.value === breadcrumb.length.value - 1);
@@ -3930,7 +3930,7 @@ const __sfc__$1a = vue.defineComponent({
       call(props2.onClick, e);
     }
     return {
-      n: n$19,
+      n: n$1a,
       classes: classes$Y,
       isLast,
       parentSeparator,
@@ -3938,20 +3938,20 @@ const __sfc__$1a = vue.defineComponent({
     };
   }
 });
-__sfc__$1a.render = __render__$19;
-var stdin_default$2Z = __sfc__$1a;
-withInstall(stdin_default$2Z);
-withPropsDefaultsSetter(stdin_default$2Z, props$12);
-const _BreadcrumbComponent = stdin_default$2Z;
-var stdin_default$2Y = stdin_default$2Z;
-const props$11 = {
+__sfc__$1b.render = __render__$1a;
+var stdin_default$2$ = __sfc__$1b;
+withInstall(stdin_default$2$);
+withPropsDefaultsSetter(stdin_default$2$, props$13);
+const _BreadcrumbComponent = stdin_default$2$;
+var stdin_default$2_ = stdin_default$2$;
+const props$12 = {
   separator: {
     type: String,
     default: "/"
   }
 };
-const { name: name$11, n: n$18 } = createNamespace("breadcrumbs");
-function __render__$18(_ctx, _cache) {
+const { name: name$12, n: n$19 } = createNamespace("breadcrumbs");
+function __render__$19(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -3964,9 +3964,9 @@ function __render__$18(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$19 = vue.defineComponent({
-  name: name$11,
-  props: props$11,
+const __sfc__$1a = vue.defineComponent({
+  name: name$12,
+  props: props$12,
   setup(props2) {
     const separator = vue.computed(() => props2.separator);
     const { bindBreadcrumbList, length } = useBreadcrumbsList();
@@ -3975,16 +3975,16 @@ const __sfc__$19 = vue.defineComponent({
       separator
     };
     bindBreadcrumbList(breadcrumbsProvider);
-    return { n: n$18 };
+    return { n: n$19 };
   }
 });
-__sfc__$19.render = __render__$18;
-var stdin_default$2X = __sfc__$19;
-withInstall(stdin_default$2X);
-withPropsDefaultsSetter(stdin_default$2X, props$11);
-const _BreadcrumbsComponent = stdin_default$2X;
-var stdin_default$2W = stdin_default$2X;
-const props$10 = {
+__sfc__$1a.render = __render__$19;
+var stdin_default$2Z = __sfc__$1a;
+withInstall(stdin_default$2Z);
+withPropsDefaultsSetter(stdin_default$2Z, props$12);
+const _BreadcrumbsComponent = stdin_default$2Z;
+var stdin_default$2Y = stdin_default$2Z;
+const props$11 = {
   type: {
     type: String,
     default: "default"
@@ -4005,8 +4005,8 @@ const props$10 = {
   },
   vertical: Boolean
 };
-const { name: name$10, n: n$17, classes: classes$X } = createNamespace("button-group");
-function __render__$17(_ctx, _cache) {
+const { name: name$11, n: n$18, classes: classes$X } = createNamespace("button-group");
+function __render__$18(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -4027,9 +4027,9 @@ function __render__$17(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$18 = vue.defineComponent({
-  name: name$10,
-  props: props$10,
+const __sfc__$19 = vue.defineComponent({
+  name: name$11,
+  props: props$11,
   setup(props2) {
     const { bindButtons } = useButtons();
     const buttonGroupProvider = {
@@ -4042,19 +4042,19 @@ const __sfc__$18 = vue.defineComponent({
     };
     bindButtons(buttonGroupProvider);
     return {
-      n: n$17,
+      n: n$18,
       classes: classes$X,
       formatElevation
     };
   }
 });
-__sfc__$18.render = __render__$17;
-var stdin_default$2V = __sfc__$18;
-withInstall(stdin_default$2V);
-withPropsDefaultsSetter(stdin_default$2V, props$10);
-const _ButtonGroupComponent = stdin_default$2V;
-var stdin_default$2U = stdin_default$2V;
-const props$$ = {
+__sfc__$19.render = __render__$18;
+var stdin_default$2X = __sfc__$19;
+withInstall(stdin_default$2X);
+withPropsDefaultsSetter(stdin_default$2X, props$11);
+const _ButtonGroupComponent = stdin_default$2X;
+var stdin_default$2W = stdin_default$2X;
+const props$10 = {
   src: String,
   fit: {
     type: String,
@@ -4104,10 +4104,10 @@ var __async$e = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$$, n: n$16, classes: classes$W } = createNamespace("card");
+const { name: name$10, n: n$17, classes: classes$W } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 const _hoisted_1$p = ["src", "alt"];
-function __render__$16(_ctx, _cache) {
+function __render__$17(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_button = vue.resolveComponent("var-button");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -4134,6 +4134,8 @@ function __render__$16(_ctx, _cache) {
             left: _ctx.floaterLeft,
             overflow: _ctx.floaterOverflow,
             position: _ctx.floaterPosition,
+            zIndex: _ctx.floated ? _ctx.zIndex : void 0,
+            background: _ctx.outline && !_ctx.floated ? "transparent" : void 0,
             transition: _ctx.floated ? `background-color ${_ctx.floatingDuration}ms, color ${_ctx.floatingDuration}ms, width ${_ctx.floatingDuration}ms, height ${_ctx.floatingDuration}ms, top ${_ctx.floatingDuration}ms, left ${_ctx.floatingDuration}ms` : void 0
           })
         },
@@ -4284,14 +4286,14 @@ function __render__$16(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple || _ctx.floater }]
   ]);
 }
-const __sfc__$17 = vue.defineComponent({
-  name: name$$,
-  directives: { Ripple: stdin_default$3v },
+const __sfc__$18 = vue.defineComponent({
+  name: name$10,
+  directives: { Ripple: stdin_default$3x },
   components: {
-    VarIcon: stdin_default$3r,
-    VarButton: stdin_default$36
+    VarIcon: stdin_default$3t,
+    VarButton: stdin_default$38
   },
-  props: props$$,
+  props: props$10,
   setup(props2) {
     const card = vue.ref(null);
     const cardFloater = vue.ref(null);
@@ -4409,7 +4411,7 @@ const __sfc__$17 = vue.defineComponent({
       isRow,
       showFloatingButtons,
       floated,
-      n: n$16,
+      n: n$17,
       classes: classes$W,
       toSizeUnit,
       close,
@@ -4418,16 +4420,16 @@ const __sfc__$17 = vue.defineComponent({
     };
   }
 });
-__sfc__$17.render = __render__$16;
-var stdin_default$2T = __sfc__$17;
-withInstall(stdin_default$2T);
-withPropsDefaultsSetter(stdin_default$2T, props$$);
-const _CardComponent = stdin_default$2T;
-var stdin_default$2S = stdin_default$2T;
-const props$_ = {
+__sfc__$18.render = __render__$17;
+var stdin_default$2V = __sfc__$18;
+withInstall(stdin_default$2V);
+withPropsDefaultsSetter(stdin_default$2V, props$10);
+const _CardComponent = stdin_default$2V;
+var stdin_default$2U = stdin_default$2V;
+const props$$ = {
   title: [Number, String],
-  icon: pickProps(props$1e, "name"),
-  namespace: pickProps(props$1e, "namespace"),
+  icon: pickProps(props$1f, "name"),
+  namespace: pickProps(props$1f, "namespace"),
   description: String,
   border: Boolean,
   borderOffset: [Number, String],
@@ -4438,8 +4440,8 @@ const props$_ = {
   ripple: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$_, n: n$15, classes: classes$V } = createNamespace("cell");
-function __render__$15(_ctx, _cache) {
+const { name: name$$, n: n$16, classes: classes$V } = createNamespace("cell");
+function __render__$16(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _directive_ripple = vue.resolveDirective("ripple");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
@@ -4520,11 +4522,11 @@ function __render__$15(_ctx, _cache) {
     [_directive_ripple, { disabled: !_ctx.ripple }]
   ]);
 }
-const __sfc__$16 = vue.defineComponent({
-  name: name$_,
-  components: { VarIcon: stdin_default$3r },
-  directives: { Ripple: stdin_default$3v },
-  props: props$_,
+const __sfc__$17 = vue.defineComponent({
+  name: name$$,
+  components: { VarIcon: stdin_default$3t },
+  directives: { Ripple: stdin_default$3x },
+  props: props$$,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
       if (props2.borderOffset == null) {
@@ -4540,20 +4542,20 @@ const __sfc__$16 = vue.defineComponent({
     }
     return {
       borderOffsetStyles,
-      n: n$15,
+      n: n$16,
       classes: classes$V,
       toSizeUnit,
       handleClick
     };
   }
 });
-__sfc__$16.render = __render__$15;
-var stdin_default$2R = __sfc__$16;
-withInstall(stdin_default$2R);
-withPropsDefaultsSetter(stdin_default$2R, props$_);
-const _CellComponent = stdin_default$2R;
-var stdin_default$2Q = stdin_default$2R;
-const props$Z = {
+__sfc__$17.render = __render__$16;
+var stdin_default$2T = __sfc__$17;
+withInstall(stdin_default$2T);
+withPropsDefaultsSetter(stdin_default$2T, props$$);
+const _CellComponent = stdin_default$2T;
+var stdin_default$2S = stdin_default$2T;
+const props$_ = {
   errorMessage: {
     type: String,
     default: ""
@@ -4563,10 +4565,10 @@ const props$Z = {
     default: ""
   }
 };
-const { name: name$Z, n: n$14 } = createNamespace("form-details");
+const { name: name$_, n: n$15 } = createNamespace("form-details");
 const _hoisted_1$o = { key: 0 };
 const _hoisted_2$e = { key: 0 };
-function __render__$14(_ctx, _cache) {
+function __render__$15(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n()
   }, {
@@ -4639,18 +4641,18 @@ function __render__$14(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$15 = vue.defineComponent({
-  name: name$Z,
-  props: props$Z,
-  setup: () => ({ n: n$14 })
+const __sfc__$16 = vue.defineComponent({
+  name: name$_,
+  props: props$_,
+  setup: () => ({ n: n$15 })
 });
-__sfc__$15.render = __render__$14;
-var stdin_default$2P = __sfc__$15;
-withInstall(stdin_default$2P);
-withPropsDefaultsSetter(stdin_default$2P, props$Z);
-const _FormDetailsComponent = stdin_default$2P;
-var stdin_default$2O = stdin_default$2P;
-const props$Y = {
+__sfc__$16.render = __render__$15;
+var stdin_default$2R = __sfc__$16;
+withInstall(stdin_default$2R);
+withPropsDefaultsSetter(stdin_default$2R, props$_);
+const _FormDetailsComponent = stdin_default$2R;
+var stdin_default$2Q = stdin_default$2R;
+const props$Z = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: false
@@ -4744,8 +4746,8 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$Y, n: n$13, classes: classes$U } = createNamespace("checkbox");
-function __render__$13(_ctx, _cache) {
+const { name: name$Z, n: n$14, classes: classes$U } = createNamespace("checkbox");
+function __render__$14(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
@@ -4812,9 +4814,10 @@ function __render__$13(_ctx, _cache) {
             [_directive_hover, _ctx.handleHovering, "desktop"],
             [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }]
           ]),
-          vue.createElementVNode(
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
             "div",
             {
+              key: 0,
               class: vue.normalizeClass(
                 _ctx.classes(
                   _ctx.n("text"),
@@ -4828,7 +4831,7 @@ function __render__$13(_ctx, _cache) {
             ],
             2
             /* CLASS */
-          )
+          )) : vue.createCommentVNode("v-if", true)
         ],
         2
         /* CLASS */
@@ -4839,15 +4842,15 @@ function __render__$13(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$14 = vue.defineComponent({
-  name: name$Y,
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+const __sfc__$15 = vue.defineComponent({
+  name: name$Z,
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   components: {
-    VarIcon: stdin_default$3r,
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarIcon: stdin_default$3t,
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
-  props: props$Y,
+  props: props$Z,
   setup(props2) {
     const value = useVModel(props2, "modelValue");
     const isIndeterminate = useVModel(props2, "indeterminate");
@@ -4936,7 +4939,7 @@ const __sfc__$14 = vue.defineComponent({
       formDisabled: form == null ? void 0 : form.disabled,
       formReadonly: form == null ? void 0 : form.readonly,
       hovering,
-      n: n$13,
+      n: n$14,
       classes: classes$U,
       handleHovering,
       handleClick,
@@ -4947,13 +4950,13 @@ const __sfc__$14 = vue.defineComponent({
     };
   }
 });
-__sfc__$14.render = __render__$13;
-var stdin_default$2N = __sfc__$14;
-withInstall(stdin_default$2N);
-withPropsDefaultsSetter(stdin_default$2N, props$Y);
-const _CheckboxComponent = stdin_default$2N;
-var stdin_default$2M = stdin_default$2N;
-const props$X = {
+__sfc__$15.render = __render__$14;
+var stdin_default$2P = __sfc__$15;
+withInstall(stdin_default$2P);
+withPropsDefaultsSetter(stdin_default$2P, props$Z);
+const _CheckboxComponent = stdin_default$2P;
+var stdin_default$2O = stdin_default$2P;
+const props$Y = {
   modelValue: {
     type: Array,
     default: () => []
@@ -4971,8 +4974,8 @@ const props$X = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$X, n: n$12, classes: classes$T } = createNamespace("checkbox-group");
-function __render__$12(_ctx, _cache) {
+const { name: name$Y, n: n$13, classes: classes$T } = createNamespace("checkbox-group");
+function __render__$13(_ctx, _cache) {
   const _component_var_form_details = vue.resolveComponent("var-form-details");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4997,10 +5000,10 @@ function __render__$12(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$13 = vue.defineComponent({
-  name: name$X,
-  components: { VarFormDetails: stdin_default$2O },
-  props: props$X,
+const __sfc__$14 = vue.defineComponent({
+  name: name$Y,
+  components: { VarFormDetails: stdin_default$2Q },
+  props: props$Y,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
     const checkedCount = vue.computed(() => props2.modelValue.length);
@@ -5081,7 +5084,7 @@ const __sfc__$13 = vue.defineComponent({
     }
     return {
       errorMessage,
-      n: n$12,
+      n: n$13,
       classes: classes$T,
       checkAll: checkAll2,
       inverseAll,
@@ -5091,13 +5094,13 @@ const __sfc__$13 = vue.defineComponent({
     };
   }
 });
-__sfc__$13.render = __render__$12;
-var stdin_default$2L = __sfc__$13;
-withInstall(stdin_default$2L);
-withPropsDefaultsSetter(stdin_default$2L, props$X);
-const _CheckboxGroupComponent = stdin_default$2L;
-var stdin_default$2K = stdin_default$2L;
-const props$W = {
+__sfc__$14.render = __render__$13;
+var stdin_default$2N = __sfc__$14;
+withInstall(stdin_default$2N);
+withPropsDefaultsSetter(stdin_default$2N, props$Y);
+const _CheckboxGroupComponent = stdin_default$2N;
+var stdin_default$2M = stdin_default$2N;
+const props$X = {
   type: {
     type: String,
     default: "default"
@@ -5108,8 +5111,8 @@ const props$W = {
   },
   color: String,
   textColor: String,
-  iconName: pickProps(props$1e, "name"),
-  namespace: pickProps(props$1e, "namespace"),
+  iconName: pickProps(props$1f, "name"),
+  namespace: pickProps(props$1f, "namespace"),
   plain: Boolean,
   round: {
     type: Boolean,
@@ -5121,8 +5124,8 @@ const props$W = {
   closeable: Boolean,
   onClose: defineListenerProp()
 };
-const { name: name$W, n: n$11, classes: classes$S } = createNamespace("chip");
-function __render__$11(_ctx, _cache) {
+const { name: name$X, n: n$12, classes: classes$S } = createNamespace("chip");
+function __render__$12(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     name: _ctx.n("$-fade")
@@ -5173,13 +5176,13 @@ function __render__$11(_ctx, _cache) {
     /* FORWARDED */
   }, 8, ["name"]);
 }
-const __sfc__$12 = vue.defineComponent({
-  name: name$W,
+const __sfc__$13 = vue.defineComponent({
+  name: name$X,
   components: {
-    VarIcon: stdin_default$3r
+    VarIcon: stdin_default$3t
   },
   inheritAttrs: false,
-  props: props$W,
+  props: props$X,
   setup(props2) {
     const chipStyle = vue.computed(() => {
       const { plain, textColor, color } = props2;
@@ -5196,10 +5199,10 @@ const __sfc__$12 = vue.defineComponent({
     });
     const contentClass = vue.computed(() => {
       const { size, block, type, plain, round: round2 } = props2;
-      const blockClass = block ? n$11("$--flex") : n$11("$--inline-flex");
-      const plainTypeClass = plain ? `${n$11("plain")} ${n$11(`plain-${type}`)}` : n$11(`--${type}`);
-      const roundClass = round2 ? n$11("--round") : null;
-      return [n$11(`--${size}`), blockClass, plainTypeClass, roundClass];
+      const blockClass = block ? n$12("$--flex") : n$12("$--inline-flex");
+      const plainTypeClass = plain ? `${n$12("plain")} ${n$12(`plain-${type}`)}` : n$12(`--${type}`);
+      const roundClass = round2 ? n$12("--round") : null;
+      return [n$12(`--${size}`), blockClass, plainTypeClass, roundClass];
     });
     function handleClose(e) {
       call(props2.onClose, e);
@@ -5207,19 +5210,19 @@ const __sfc__$12 = vue.defineComponent({
     return {
       chipStyle,
       contentClass,
-      n: n$11,
+      n: n$12,
       classes: classes$S,
       handleClose
     };
   }
 });
-__sfc__$12.render = __render__$11;
-var stdin_default$2J = __sfc__$12;
-withInstall(stdin_default$2J);
-withPropsDefaultsSetter(stdin_default$2J, props$W);
-const _ChipComponent = stdin_default$2J;
-var stdin_default$2I = stdin_default$2J;
-const props$V = {
+__sfc__$13.render = __render__$12;
+var stdin_default$2L = __sfc__$13;
+withInstall(stdin_default$2L);
+withPropsDefaultsSetter(stdin_default$2L, props$X);
+const _ChipComponent = stdin_default$2L;
+var stdin_default$2K = stdin_default$2L;
+const props$W = {
   span: {
     type: [String, Number],
     default: 24
@@ -5258,8 +5261,8 @@ function useRow() {
     bindRow: bindParent
   };
 }
-const { name: name$V, n: n$10, classes: classes$R } = createNamespace("col");
-function __render__$10(_ctx, _cache) {
+const { name: name$W, n: n$11, classes: classes$R } = createNamespace("col");
+function __render__$11(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -5294,9 +5297,9 @@ function __render__$10(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$11 = vue.defineComponent({
-  name: name$V,
-  props: props$V,
+const __sfc__$12 = vue.defineComponent({
+  name: name$W,
+  props: props$W,
   setup(props2) {
     const span = vue.computed(() => toNumber(props2.span));
     const offset2 = vue.computed(() => toNumber(props2.offset));
@@ -5318,10 +5321,10 @@ const __sfc__$11 = vue.defineComponent({
       }
       if (isPlainObject(size)) {
         const { offset: offset22, span: span2 } = size;
-        Number(span2) >= 0 && classes2.push(n$10(`--span-${mode}-${span2}`));
-        offset22 && classes2.push(n$10(`--offset-${mode}-${offset22}`));
+        Number(span2) >= 0 && classes2.push(n$11(`--span-${mode}-${span2}`));
+        offset22 && classes2.push(n$11(`--offset-${mode}-${offset22}`));
       } else {
-        Number(size) >= 0 && classes2.push(n$10(`--span-${mode}-${size}`));
+        Number(size) >= 0 && classes2.push(n$11(`--span-${mode}-${size}`));
       }
       return classes2;
     }
@@ -5332,7 +5335,7 @@ const __sfc__$11 = vue.defineComponent({
       span,
       offset: offset2,
       padding,
-      n: n$10,
+      n: n$11,
       classes: classes$R,
       toNumber,
       toSizeUnit,
@@ -5342,12 +5345,12 @@ const __sfc__$11 = vue.defineComponent({
     };
   }
 });
-__sfc__$11.render = __render__$10;
-var stdin_default$2H = __sfc__$11;
-withInstall(stdin_default$2H);
-withPropsDefaultsSetter(stdin_default$2H, props$V);
-const _ColComponent = stdin_default$2H;
-var stdin_default$2G = stdin_default$2H;
+__sfc__$12.render = __render__$11;
+var stdin_default$2J = __sfc__$12;
+withInstall(stdin_default$2J);
+withPropsDefaultsSetter(stdin_default$2J, props$W);
+const _ColComponent = stdin_default$2J;
+var stdin_default$2I = stdin_default$2J;
 const COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -5359,7 +5362,7 @@ function useCollapseItem() {
     bindCollapseItems: bindChildren
   };
 }
-const props$U = {
+const props$V = {
   modelValue: [Array, String, Number],
   accordion: Boolean,
   offset: {
@@ -5377,8 +5380,8 @@ const props$U = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$U, n: n$$ } = createNamespace("collapse");
-function __render__$$(_ctx, _cache) {
+const { name: name$V, n: n$10 } = createNamespace("collapse");
+function __render__$10(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
@@ -5391,9 +5394,9 @@ function __render__$$(_ctx, _cache) {
     /* CLASS */
   );
 }
-const __sfc__$10 = vue.defineComponent({
-  name: name$U,
-  props: props$U,
+const __sfc__$11 = vue.defineComponent({
+  name: name$V,
+  props: props$V,
   setup(props2) {
     const offset2 = vue.computed(() => props2.offset);
     const divider = vue.computed(() => props2.divider);
@@ -5477,17 +5480,17 @@ const __sfc__$10 = vue.defineComponent({
     };
     return {
       divider,
-      n: n$$,
+      n: n$10,
       toggleAll
     };
   }
 });
-__sfc__$10.render = __render__$$;
-var stdin_default$2F = __sfc__$10;
-withInstall(stdin_default$2F);
-withPropsDefaultsSetter(stdin_default$2F, props$U);
-const _CollapseComponent = stdin_default$2F;
-var stdin_default$2E = stdin_default$2F;
+__sfc__$11.render = __render__$10;
+var stdin_default$2H = __sfc__$11;
+withInstall(stdin_default$2H);
+withPropsDefaultsSetter(stdin_default$2H, props$V);
+const _CollapseComponent = stdin_default$2H;
+var stdin_default$2G = stdin_default$2H;
 function useCollapse() {
   const { parentProvider, index, bindParent } = useParent(
     COLLAPSE_BIND_COLLAPSE_ITEM_KEY
@@ -5501,7 +5504,7 @@ function useCollapse() {
     bindCollapse: bindParent
   };
 }
-const props$T = {
+const props$U = {
   name: [String, Number],
   title: String,
   icon: {
@@ -5530,8 +5533,70 @@ var __async$d = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$T, n: n$_, classes: classes$Q } = createNamespace("collapse-item");
-function __render__$_(_ctx, _cache) {
+function useCollapseTransition(options) {
+  const { contentEl, showContent, expand } = options;
+  let isInitToTrigger = true;
+  vue.watch(
+    expand,
+    (value) => {
+      vue.nextTick(() => {
+        value ? open() : close();
+      });
+    },
+    { immediate: true }
+  );
+  function open() {
+    return __async$d(this, null, function* () {
+      if (!contentEl.value) {
+        return;
+      }
+      contentEl.value.style.height = "";
+      showContent.value = true;
+      yield raf();
+      if (!contentEl.value) {
+        return;
+      }
+      const { offsetHeight } = contentEl.value;
+      contentEl.value.style.height = "0px";
+      yield raf();
+      if (!contentEl.value) {
+        return;
+      }
+      contentEl.value.style.height = offsetHeight + "px";
+      if (!isInitToTrigger) {
+        return;
+      }
+      yield doubleRaf();
+      if (isInitToTrigger) {
+        handleTransitionEnd();
+      }
+    });
+  }
+  const close = () => __async$d(this, null, function* () {
+    if (!contentEl.value) {
+      return;
+    }
+    const { offsetHeight } = contentEl.value;
+    contentEl.value.style.height = offsetHeight + "px";
+    yield raf();
+    contentEl.value.style.height = "0px";
+  });
+  const handleTransitionEnd = () => {
+    if (!expand.value) {
+      showContent.value = false;
+    }
+    contentEl.value.style.height = "";
+  };
+  const handleTransitionStart = () => {
+    isInitToTrigger = false;
+  };
+  return {
+    handleTransitionEnd,
+    handleTransitionStart
+  };
+}
+const { name: name$U, n: n$$, classes: classes$Q } = createNamespace("collapse-item");
+function __render__$$(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5556,9 +5621,10 @@ function __render__$_(_ctx, _cache) {
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggle && _ctx.toggle(...args))
         },
         [
-          vue.createElementVNode(
+          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock(
             "div",
             {
+              key: 0,
               class: vue.normalizeClass(_ctx.n("header-title"))
             },
             [
@@ -5572,7 +5638,7 @@ function __render__$_(_ctx, _cache) {
             ],
             2
             /* CLASS */
-          ),
+          )) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(
             "div",
             {
@@ -5605,8 +5671,8 @@ function __render__$_(_ctx, _cache) {
         {
           class: vue.normalizeClass(_ctx.n("content")),
           ref: "contentEl",
-          onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.transitionend && _ctx.transitionend(...args)),
-          onTransitionstart: _cache[2] || (_cache[2] = (...args) => _ctx.start && _ctx.start(...args))
+          onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.handleTransitionEnd && _ctx.handleTransitionEnd(...args)),
+          onTransitionstart: _cache[2] || (_cache[2] = (...args) => _ctx.handleTransitionStart && _ctx.handleTransitionStart(...args))
         },
         [
           vue.createElementVNode(
@@ -5631,12 +5697,12 @@ function __render__$_(_ctx, _cache) {
     /* CLASS, STYLE */
   );
 }
-const __sfc__$$ = vue.defineComponent({
-  name: name$T,
+const __sfc__$10 = vue.defineComponent({
+  name: name$U,
   components: {
-    VarIcon: stdin_default$3r
+    VarIcon: stdin_default$3t
   },
-  props: props$T,
+  props: props$U,
   setup(props2) {
     const isShow = vue.ref(false);
     const showContent = vue.ref(false);
@@ -5651,49 +5717,12 @@ const __sfc__$$ = vue.defineComponent({
       disabled,
       init
     };
-    let isInitToTrigger = true;
-    vue.watch(isShow, (value) => {
-      value ? openPanel() : closePanel();
-    });
     bindCollapse(collapseItemProvider);
-    function openPanel() {
-      return __async$d(this, null, function* () {
-        if (!contentEl.value) {
-          return;
-        }
-        contentEl.value.style.height = "";
-        showContent.value = true;
-        yield raf();
-        if (!contentEl.value) {
-          return;
-        }
-        const { offsetHeight } = contentEl.value;
-        contentEl.value.style.height = "0px";
-        yield raf();
-        if (!contentEl.value) {
-          return;
-        }
-        contentEl.value.style.height = offsetHeight + "px";
-        if (!isInitToTrigger) {
-          return;
-        }
-        yield doubleRaf();
-        if (isInitToTrigger) {
-          transitionend();
-        }
-      });
-    }
-    function closePanel() {
-      return __async$d(this, null, function* () {
-        if (!contentEl.value) {
-          return;
-        }
-        const { offsetHeight } = contentEl.value;
-        contentEl.value.style.height = offsetHeight + "px";
-        yield raf();
-        contentEl.value.style.height = "0px";
-      });
-    }
+    const { handleTransitionEnd, handleTransitionStart } = useCollapseTransition({
+      contentEl,
+      showContent,
+      expand: isShow
+    });
     function init(show) {
       isShow.value = show;
     }
@@ -5704,15 +5733,6 @@ const __sfc__$$ = vue.defineComponent({
       }
       updateItem((_a = props2.name) != null ? _a : index.value, !isShow.value);
     }
-    function start2() {
-      isInitToTrigger = false;
-    }
-    function transitionend() {
-      if (!isShow.value) {
-        showContent.value = false;
-      }
-      contentEl.value.style.height = "";
-    }
     return {
       isShow,
       showContent,
@@ -5720,12 +5740,61 @@ const __sfc__$$ = vue.defineComponent({
       divider,
       elevation,
       contentEl,
-      n: n$_,
-      start: start2,
+      n: n$$,
       classes: classes$Q,
       toggle,
-      transitionend,
-      formatElevation
+      formatElevation,
+      handleTransitionEnd,
+      handleTransitionStart
+    };
+  }
+});
+__sfc__$10.render = __render__$$;
+var stdin_default$2F = __sfc__$10;
+withInstall(stdin_default$2F);
+withPropsDefaultsSetter(stdin_default$2F, props$U);
+const _CollapseItemComponent = stdin_default$2F;
+var stdin_default$2E = stdin_default$2F;
+const props$T = {
+  expand: Boolean
+};
+const { name: name$T, n: n$_ } = createNamespace("collapse-transition");
+function __render__$_(_ctx, _cache) {
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+    "div",
+    {
+      class: vue.normalizeClass(_ctx.n("content")),
+      ref: "contentEl",
+      onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.handleTransitionEnd && _ctx.handleTransitionEnd(...args)),
+      onTransitionstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTransitionStart && _ctx.handleTransitionStart(...args))
+    },
+    [
+      vue.renderSlot(_ctx.$slots, "default")
+    ],
+    34
+    /* CLASS, NEED_HYDRATION */
+  )), [
+    [vue.vShow, _ctx.showContent]
+  ]);
+}
+const __sfc__$$ = vue.defineComponent({
+  name: name$T,
+  props: props$T,
+  setup(props2) {
+    const showContent = vue.ref(false);
+    const contentEl = vue.ref(null);
+    const expand = vue.computed(() => props2.expand);
+    const { handleTransitionEnd, handleTransitionStart } = useCollapseTransition({
+      contentEl,
+      showContent,
+      expand
+    });
+    return {
+      showContent,
+      contentEl,
+      n: n$_,
+      handleTransitionEnd,
+      handleTransitionStart
     };
   }
 });
@@ -5733,7 +5802,7 @@ __sfc__$$.render = __render__$_;
 var stdin_default$2D = __sfc__$$;
 withInstall(stdin_default$2D);
 withPropsDefaultsSetter(stdin_default$2D, props$T);
-const _CollapseItemComponent = stdin_default$2D;
+const _CollapseTransitionComponent = stdin_default$2D;
 var stdin_default$2C = stdin_default$2D;
 const props$S = {
   time: {
@@ -8400,11 +8469,11 @@ function __render__$Y(_ctx, _cache) {
 const __sfc__$Z = vue.defineComponent({
   name: name$R,
   components: {
-    VarButton: stdin_default$36,
-    VarIcon: stdin_default$3r,
-    VarFormDetails: stdin_default$2O
+    VarButton: stdin_default$38,
+    VarIcon: stdin_default$3t,
+    VarFormDetails: stdin_default$2Q
   },
-  directives: { Ripple: stdin_default$3v },
+  directives: { Ripple: stdin_default$3x },
   inheritAttrs: false,
   props: props$R,
   setup(props2) {
@@ -9153,8 +9222,8 @@ function __render__$X(_ctx, _cache) {
 const __sfc__$Y = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: stdin_default$36,
-    VarIcon: stdin_default$3r
+    VarButton: stdin_default$38,
+    VarIcon: stdin_default$3t
   },
   props: {
     date: {
@@ -9301,7 +9370,7 @@ function __render__$W(_ctx, _cache) {
 const __sfc__$X = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: stdin_default$36,
+    VarButton: stdin_default$38,
     PanelHeader: stdin_default$2x
   },
   props: {
@@ -9750,7 +9819,7 @@ function __render__$U(_ctx, _cache) {
 const __sfc__$V = vue.defineComponent({
   name: "YearPickerPanel",
   components: {
-    VarButton: stdin_default$36,
+    VarButton: stdin_default$38,
     VarSticky: stdin_default$2u,
     PanelHeader: stdin_default$2x
   },
@@ -10073,7 +10142,7 @@ function __render__$T(_ctx, _cache) {
 const __sfc__$U = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: stdin_default$36,
+    VarButton: stdin_default$38,
     PanelHeader: stdin_default$2x
   },
   props: {
@@ -11005,7 +11074,7 @@ const props$O = __spreadValues$f({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
-}, pickProps(props$1f, [
+}, pickProps(props$1g, [
   "overlay",
   "overlayClass",
   "overlayStyle",
@@ -11169,8 +11238,8 @@ function __render__$R(_ctx, _cache) {
 const __sfc__$S = vue.defineComponent({
   name: name$O,
   components: {
-    VarPopup: stdin_default$3t,
-    VarButton: stdin_default$36
+    VarPopup: stdin_default$3v,
+    VarButton: stdin_default$38
   },
   inheritAttrs: false,
   props: props$O,
@@ -13605,10 +13674,10 @@ const props$J = {
     type: String,
     default: "window-close"
   },
-  inactiveIconSize: pickProps(props$1e, "size"),
-  activeIconSize: pickProps(props$1e, "size"),
-  inactiveIconNamespace: pickProps(props$1e, "namespace"),
-  activeIconNamespace: pickProps(props$1e, "namespace"),
+  inactiveIconSize: pickProps(props$1f, "size"),
+  activeIconSize: pickProps(props$1f, "size"),
+  inactiveIconNamespace: pickProps(props$1f, "namespace"),
+  activeIconNamespace: pickProps(props$1f, "namespace"),
   fixed: {
     type: Boolean,
     default: true
@@ -13699,7 +13768,7 @@ var stdin_default$2f = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(stdin_default$36, {
+      return vue.withDirectives(vue.createVNode(stdin_default$38, {
         "var-fab-cover": true,
         "class": n$M("trigger"),
         "type": props2.type,
@@ -13708,7 +13777,7 @@ var stdin_default$2f = vue.defineComponent({
         "elevation": props2.elevation,
         "round": true
       }, {
-        default: () => [vue.createVNode(stdin_default$3r, {
+        default: () => [vue.createVNode(stdin_default$3t, {
           "var-fab-cover": true,
           "class": classes$E([isActive.value, n$M("trigger-active-icon"), n$M("trigger-inactive-icon")]),
           "name": isActive.value ? props2.activeIcon : props2.inactiveIcon,
@@ -13997,7 +14066,7 @@ function __render__$M(_ctx, _cache) {
 }
 const __sfc__$N = vue.defineComponent({
   name: name$I,
-  components: { VarIcon: stdin_default$3r },
+  components: { VarIcon: stdin_default$3t },
   props: props$I,
   setup(props2, { slots }) {
     const placeholderTextEl = vue.ref(null);
@@ -14455,8 +14524,8 @@ function __render__$J(_ctx, _cache) {
 const __sfc__$K = vue.defineComponent({
   name: name$F,
   directives: {
-    Lazy: stdin_default$3h,
-    Ripple: stdin_default$3v
+    Lazy: stdin_default$3j,
+    Ripple: stdin_default$3x
   },
   props: props$F,
   setup(props2, { slots }) {
@@ -14734,8 +14803,8 @@ function __render__$I(_ctx, _cache) {
 }
 const __sfc__$J = vue.defineComponent({
   name: name$E,
-  directives: { Hover: stdin_default$38 },
-  components: { VarButton: stdin_default$36, VarIcon: stdin_default$3r },
+  directives: { Hover: stdin_default$3a },
+  components: { VarButton: stdin_default$38, VarIcon: stdin_default$3t },
   props: props$E,
   setup(props2) {
     const swipeEl = vue.ref(null);
@@ -15137,7 +15206,7 @@ const props$D = __spreadValues$9(__spreadValues$9({
   closeable: Boolean,
   "onUpdate:show": defineListenerProp(),
   onLongPress: defineListenerProp()
-}, pickProps(props$E, ["loop", "indicator", "onChange"])), pickProps(props$1f, [
+}, pickProps(props$E, ["loop", "indicator", "onChange"])), pickProps(props$1g, [
   "lockScroll",
   "teleport",
   "onOpen",
@@ -15254,9 +15323,10 @@ function __render__$G(_ctx, _cache) {
           onClick: _ctx.close
         }, null, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
       ]),
-      vue.createElementVNode(
+      _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
         "div",
         {
+          key: 0,
           class: vue.normalizeClass(_ctx.n("extra"))
         },
         [
@@ -15264,7 +15334,7 @@ function __render__$G(_ctx, _cache) {
         ],
         2
         /* CLASS */
-      )
+      )) : vue.createCommentVNode("v-if", true)
     ]),
     _: 3
     /* FORWARDED */
@@ -15275,8 +15345,8 @@ const __sfc__$H = vue.defineComponent({
   components: {
     VarSwipe: stdin_default$24,
     VarSwipeItem: stdin_default$22,
-    VarPopup: stdin_default$3t,
-    VarIcon: stdin_default$3r
+    VarPopup: stdin_default$3v,
+    VarIcon: stdin_default$3t
   },
   inheritAttrs: false,
   props: props$D,
@@ -16119,7 +16189,7 @@ function __render__$D(_ctx, _cache) {
 const __sfc__$E = vue.defineComponent({
   name: name$z,
   components: {
-    VarFormDetails: stdin_default$2O,
+    VarFormDetails: stdin_default$2Q,
     VarFieldDecorator: stdin_default$2c
   },
   props: props$A,
@@ -16592,8 +16662,8 @@ function __render__$B(_ctx, _cache) {
 }
 const __sfc__$C = vue.defineComponent({
   name: name$x,
-  directives: { Ripple: stdin_default$3v },
-  components: { VarLoading: stdin_default$3b },
+  directives: { Ripple: stdin_default$3x },
+  components: { VarLoading: stdin_default$3d },
   props: props$y,
   setup(props2) {
     const listEl = vue.ref(null);
@@ -16680,7 +16750,7 @@ var stdin_default$1R = vue.defineComponent({
     return () => vue.createVNode("div", {
       "class": classes$t(n$z(), [props2.error, n$z("--error")]),
       "style": {
-        zIndex: stdin_default$3w.zIndex + 10,
+        zIndex: stdin_default$3y.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -17035,10 +17105,10 @@ function __render__$z(_ctx, _cache) {
 }
 const __sfc__$A = vue.defineComponent({
   name: name$u,
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   components: {
-    VarCheckbox: stdin_default$2M,
-    VarHoverOverlay: stdin_default$39
+    VarCheckbox: stdin_default$2O,
+    VarHoverOverlay: stdin_default$3b
   },
   props: props$u,
   setup(props2) {
@@ -17398,10 +17468,10 @@ function __render__$x(_ctx, _cache) {
 }
 const __sfc__$y = vue.defineComponent({
   name: name$s,
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   components: {
-    VarCheckbox: stdin_default$2M,
-    VarHoverOverlay: stdin_default$39
+    VarCheckbox: stdin_default$2O,
+    VarHoverOverlay: stdin_default$3b
   },
   props: props$s,
   setup(props2) {
@@ -17802,11 +17872,11 @@ const __sfc__$x = vue.defineComponent({
   name: name$q,
   components: {
     VarMenu: stdin_default$1O,
-    VarIcon: stdin_default$3r,
-    VarCell: stdin_default$2Q,
+    VarIcon: stdin_default$3t,
+    VarCell: stdin_default$2S,
     VarInput: stdin_default$1W
   },
-  directives: { Ripple: stdin_default$3v },
+  directives: { Ripple: stdin_default$3x },
   props: props$q,
   setup(props2) {
     const menuVisible = vue.ref(false);
@@ -18024,7 +18094,7 @@ function __render__$v(_ctx, _cache) {
 }
 const __sfc__$w = vue.defineComponent({
   name: name$p,
-  directives: { Ripple: stdin_default$3v },
+  directives: { Ripple: stdin_default$3x },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -18106,7 +18176,7 @@ const props$o = __spreadValues$5({
   onConfirm: defineListenerProp(),
   onCancel: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
-}, pickProps(props$1f, [
+}, pickProps(props$1g, [
   "show",
   "onUpdate:show",
   "closeOnClickOverlay",
@@ -18328,8 +18398,8 @@ function __render__$u(_ctx, _cache) {
 const __sfc__$v = vue.defineComponent({
   name: name$o,
   components: {
-    VarButton: stdin_default$36,
-    VarPopup: stdin_default$3t
+    VarButton: stdin_default$38,
+    VarPopup: stdin_default$3v
   },
   inheritAttrs: false,
   props: props$o,
@@ -18344,7 +18414,16 @@ const __sfc__$v = vue.defineComponent({
     let prevIndexes = [];
     buildScrollColumns();
     vue.watch(() => props2.columns, buildScrollColumns, { deep: true });
-    vue.watch(() => modelValue.value, updateScrollColumnsIndex);
+    vue.watch(
+      () => modelValue.value,
+      () => {
+        if (props2.cascade && props2.modelValue.length) {
+          buildScrollColumns();
+        } else {
+          updateScrollColumnsIndex();
+        }
+      }
+    );
     function getOptionKey(key) {
       const keyMap = {
         text: props2.textKey,
@@ -18401,6 +18480,10 @@ const __sfc__$v = vue.defineComponent({
           scrolling: false
         };
         scrollColumns2.push(scrollColumn);
+        if (props2.modelValue.length) {
+          const index = children.findIndex((option) => modelValue.value[scrollColumns2.length - 1] === getValue(option));
+          scrollColumn.index = index === -1 ? 0 : index;
+        }
         scrollTo2(scrollColumn);
         createChildren(scrollColumns2, (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : []);
       }
@@ -18412,7 +18495,9 @@ const __sfc__$v = vue.defineComponent({
     }
     function buildScrollColumns() {
       scrollColumns.value = props2.cascade ? normalizeCascadeMode(props2.columns) : normalizeNormalMode(props2.columns);
-      updateScrollColumnsIndex();
+      if (!props2.cascade) {
+        updateScrollColumnsIndex();
+      }
     }
     function updateScrollColumnsIndex() {
       scrollColumns.value.forEach((scrollColumn, idx) => {
@@ -18524,7 +18609,7 @@ const __sfc__$v = vue.defineComponent({
       if (isSamePicked()) {
         return;
       }
-      if (cascade) {
+      if (cascade && !props2.modelValue.length) {
         rebuildChildren(scrollColumn);
       }
       const hasScrolling = scrollColumns.value.some((scrollColumn2) => scrollColumn2.scrolling);
@@ -19030,7 +19115,7 @@ function __render__$s(_ctx, _cache) {
 }
 const __sfc__$t = vue.defineComponent({
   name: name$m,
-  components: { VarIcon: stdin_default$3r },
+  components: { VarIcon: stdin_default$3t },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -19289,9 +19374,10 @@ function __render__$r(_ctx, _cache) {
             [_directive_ripple, { disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled || !_ctx.ripple }],
             [_directive_hover, _ctx.handleHovering, "desktop"]
           ]),
-          vue.createElementVNode(
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
             "div",
             {
+              key: 0,
               class: vue.normalizeClass(
                 _ctx.classes(
                   _ctx.n("text"),
@@ -19305,7 +19391,7 @@ function __render__$r(_ctx, _cache) {
             ],
             2
             /* CLASS */
-          )
+          )) : vue.createCommentVNode("v-if", true)
         ],
         16
         /* FULL_PROPS */
@@ -19318,11 +19404,11 @@ function __render__$r(_ctx, _cache) {
 }
 const __sfc__$s = vue.defineComponent({
   name: name$l,
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   components: {
-    VarIcon: stdin_default$3r,
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarIcon: stdin_default$3t,
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
   inheritAttrs: false,
   props: props$l,
@@ -19465,7 +19551,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$2O },
+  components: { VarFormDetails: stdin_default$2Q },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -19548,9 +19634,9 @@ const props$j = {
     type: String,
     default: "star-half-full"
   },
-  namespace: pickProps(props$1e, "namespace"),
-  emptyIconNamespace: pickProps(props$1e, "namespace"),
-  halfIconNamespace: pickProps(props$1e, "namespace"),
+  namespace: pickProps(props$1f, "namespace"),
+  emptyIconNamespace: pickProps(props$1f, "namespace"),
+  halfIconNamespace: pickProps(props$1f, "namespace"),
   emptyColor: String,
   size: [String, Number],
   gap: [String, Number],
@@ -19629,11 +19715,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$3r,
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarIcon: stdin_default$3t,
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -20437,11 +20523,11 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$3r,
+    VarIcon: stdin_default$3t,
     VarMenu: stdin_default$1O,
-    VarChip: stdin_default$2I,
+    VarChip: stdin_default$2K,
     VarFieldDecorator: stdin_default$2c,
-    VarFormDetails: stdin_default$2O
+    VarFormDetails: stdin_default$2Q
   },
   props: props$g,
   setup(props2) {
@@ -21038,10 +21124,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
-  directives: { Hover: stdin_default$38 },
+  directives: { Hover: stdin_default$3a },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -21398,10 +21484,10 @@ const props$d = {
     default: 3e3
   },
   vertical: Boolean,
-  loadingType: pickProps(props$19, "type"),
-  loadingSize: pickProps(props$19, "size"),
-  loadingRadius: pickProps(props$19, "radius"),
-  loadingColor: __spreadProps$1(__spreadValues$3({}, pickProps(props$19, "color")), {
+  loadingType: pickProps(props$1a, "type"),
+  loadingSize: pickProps(props$1a, "size"),
+  loadingRadius: pickProps(props$1a, "radius"),
+  loadingColor: __spreadProps$1(__spreadValues$3({}, pickProps(props$1a, "color")), {
     default: "currentColor"
   }),
   lockScroll: Boolean,
@@ -21516,8 +21602,8 @@ function __render__$d(_ctx, _cache) {
 const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: stdin_default$3b,
-    VarIcon: stdin_default$3r
+    VarLoading: stdin_default$3d,
+    VarIcon: stdin_default$3t
   },
   props: props$d,
   setup(props2) {
@@ -21719,7 +21805,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$3w.zIndex
+          zIndex: stdin_default$3y.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -21956,11 +22042,11 @@ const props$b = {
     type: String,
     default: "check"
   },
-  currentIcon: pickProps(props$1e, "name"),
-  inactiveIcon: pickProps(props$1e, "name"),
-  activeIconNamespace: pickProps(props$1e, "namespace"),
-  currentIconNamespace: pickProps(props$1e, "namespace"),
-  inactiveIconNamespace: pickProps(props$1e, "namespace")
+  currentIcon: pickProps(props$1f, "name"),
+  inactiveIcon: pickProps(props$1f, "name"),
+  activeIconNamespace: pickProps(props$1f, "namespace"),
+  currentIconNamespace: pickProps(props$1f, "namespace"),
+  inactiveIconNamespace: pickProps(props$1f, "namespace")
 };
 const STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
@@ -22034,9 +22120,10 @@ function __render__$b(_ctx, _cache) {
             6
             /* CLASS, STYLE */
           ),
-          vue.createElementVNode(
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock(
             "div",
             {
+              key: 0,
               class: vue.normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-content`), [_ctx.isActive || _ctx.isCurrent, _ctx.n(`${_ctx.direction}-content--active`)])),
               onClick: _cache[1] || (_cache[1] = (...args) => _ctx.click && _ctx.click(...args))
             },
@@ -22045,7 +22132,7 @@ function __render__$b(_ctx, _cache) {
             ],
             2
             /* CLASS */
-          ),
+          )) : vue.createCommentVNode("v-if", true),
           vue.createElementVNode(
             "div",
             {
@@ -22066,7 +22153,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$3r },
+  components: { VarIcon: stdin_default$3t },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -22335,10 +22422,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   props: props$8,
   setup(props2) {
     const { bindForm, form } = useForm();
@@ -22490,7 +22577,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$3v },
+  directives: { Ripple: stdin_default$3x },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -24395,12 +24482,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$3v, Hover: stdin_default$38 },
+  directives: { Ripple: stdin_default$3x, Hover: stdin_default$3a },
   components: {
-    VarIcon: stdin_default$3r,
-    VarPopup: stdin_default$3t,
-    VarFormDetails: stdin_default$2O,
-    VarHoverOverlay: stdin_default$39
+    VarIcon: stdin_default$3t,
+    VarPopup: stdin_default$3v,
+    VarFormDetails: stdin_default$2Q,
+    VarHoverOverlay: stdin_default$3b
   },
   props: props$1,
   setup(props2) {
@@ -24950,29 +25037,30 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "2.20.6";
+const version = "2.21.0-alpha.1704976407062";
 function install(app) {
+  stdin_default$3m.install && app.use(stdin_default$3m);
   stdin_default$3k.install && app.use(stdin_default$3k);
-  stdin_default$3i.install && app.use(stdin_default$3i);
+  stdin_default$3h.install && app.use(stdin_default$3h);
   stdin_default$3f.install && app.use(stdin_default$3f);
-  stdin_default$3d.install && app.use(stdin_default$3d);
+  stdin_default$36.install && app.use(stdin_default$36);
   stdin_default$34.install && app.use(stdin_default$34);
   stdin_default$32.install && app.use(stdin_default$32);
   stdin_default$30.install && app.use(stdin_default$30);
   stdin_default$2_.install && app.use(stdin_default$2_);
   stdin_default$2Y.install && app.use(stdin_default$2Y);
+  stdin_default$38.install && app.use(stdin_default$38);
   stdin_default$2W.install && app.use(stdin_default$2W);
-  stdin_default$36.install && app.use(stdin_default$36);
   stdin_default$2U.install && app.use(stdin_default$2U);
   stdin_default$2S.install && app.use(stdin_default$2S);
-  stdin_default$2Q.install && app.use(stdin_default$2Q);
+  stdin_default$2O.install && app.use(stdin_default$2O);
   stdin_default$2M.install && app.use(stdin_default$2M);
   stdin_default$2K.install && app.use(stdin_default$2K);
   stdin_default$2I.install && app.use(stdin_default$2I);
   stdin_default$2G.install && app.use(stdin_default$2G);
   stdin_default$2E.install && app.use(stdin_default$2E);
   stdin_default$2C.install && app.use(stdin_default$2C);
-  stdin_default$3w.install && app.use(stdin_default$3w);
+  stdin_default$3y.install && app.use(stdin_default$3y);
   stdin_default$2A.install && app.use(stdin_default$2A);
   stdin_default$2y.install && app.use(stdin_default$2y);
   stdin_default$2q.install && app.use(stdin_default$2q);
@@ -24984,21 +25072,21 @@ function install(app) {
   stdin_default$2c.install && app.use(stdin_default$2c);
   stdin_default$2a.install && app.use(stdin_default$2a);
   stdin_default$28.install && app.use(stdin_default$28);
-  stdin_default$2O.install && app.use(stdin_default$2O);
-  stdin_default$38.install && app.use(stdin_default$38);
-  stdin_default$39.install && app.use(stdin_default$39);
-  stdin_default$3r.install && app.use(stdin_default$3r);
+  stdin_default$2Q.install && app.use(stdin_default$2Q);
+  stdin_default$3a.install && app.use(stdin_default$3a);
+  stdin_default$3b.install && app.use(stdin_default$3b);
+  stdin_default$3t.install && app.use(stdin_default$3t);
   stdin_default$26.install && app.use(stdin_default$26);
   stdin_default$20.install && app.use(stdin_default$20);
   stdin_default$1_.install && app.use(stdin_default$1_);
   stdin_default$1Y.install && app.use(stdin_default$1Y);
   stdin_default$1W.install && app.use(stdin_default$1W);
-  stdin_default$3h.install && app.use(stdin_default$3h);
+  stdin_default$3j.install && app.use(stdin_default$3j);
   stdin_default$1U.install && app.use(stdin_default$1U);
   stdin_default$1S.install && app.use(stdin_default$1S);
-  stdin_default$3b.install && app.use(stdin_default$3b);
+  stdin_default$3d.install && app.use(stdin_default$3d);
   stdin_default$1Q.install && app.use(stdin_default$1Q);
-  stdin_default$3m.install && app.use(stdin_default$3m);
+  stdin_default$3o.install && app.use(stdin_default$3o);
   stdin_default$1O.install && app.use(stdin_default$1O);
   stdin_default$1M.install && app.use(stdin_default$1M);
   stdin_default$1K.install && app.use(stdin_default$1K);
@@ -25007,14 +25095,14 @@ function install(app) {
   stdin_default$1E.install && app.use(stdin_default$1E);
   stdin_default$1C.install && app.use(stdin_default$1C);
   stdin_default$1A.install && app.use(stdin_default$1A);
-  stdin_default$3t.install && app.use(stdin_default$3t);
+  stdin_default$3v.install && app.use(stdin_default$3v);
   stdin_default$1y.install && app.use(stdin_default$1y);
   stdin_default$1w.install && app.use(stdin_default$1w);
   stdin_default$1u.install && app.use(stdin_default$1u);
   stdin_default$1s.install && app.use(stdin_default$1s);
   stdin_default$1q.install && app.use(stdin_default$1q);
   stdin_default$1i.install && app.use(stdin_default$1i);
-  stdin_default$3v.install && app.use(stdin_default$3v);
+  stdin_default$3x.install && app.use(stdin_default$3x);
   stdin_default$1g.install && app.use(stdin_default$1g);
   stdin_default$1e.install && app.use(stdin_default$1e);
   stdin_default$1c.install && app.use(stdin_default$1c);
@@ -25042,27 +25130,28 @@ function install(app) {
 const index_bundle = {
   version,
   install,
-  ActionSheet: stdin_default$3k,
-  AppBar: stdin_default$3i,
-  Avatar: stdin_default$3f,
-  AvatarGroup: stdin_default$3d,
-  BackTop: stdin_default$34,
-  Badge: stdin_default$32,
-  BottomNavigation: stdin_default$30,
-  BottomNavigationItem: stdin_default$2_,
-  Breadcrumb: stdin_default$2Y,
-  Breadcrumbs: stdin_default$2W,
-  Button: stdin_default$36,
-  ButtonGroup: stdin_default$2U,
-  Card: stdin_default$2S,
-  Cell: stdin_default$2Q,
-  Checkbox: stdin_default$2M,
-  CheckboxGroup: stdin_default$2K,
-  Chip: stdin_default$2I,
-  Col: stdin_default$2G,
-  Collapse: stdin_default$2E,
-  CollapseItem: stdin_default$2C,
-  Context: stdin_default$3w,
+  ActionSheet: stdin_default$3m,
+  AppBar: stdin_default$3k,
+  Avatar: stdin_default$3h,
+  AvatarGroup: stdin_default$3f,
+  BackTop: stdin_default$36,
+  Badge: stdin_default$34,
+  BottomNavigation: stdin_default$32,
+  BottomNavigationItem: stdin_default$30,
+  Breadcrumb: stdin_default$2_,
+  Breadcrumbs: stdin_default$2Y,
+  Button: stdin_default$38,
+  ButtonGroup: stdin_default$2W,
+  Card: stdin_default$2U,
+  Cell: stdin_default$2S,
+  Checkbox: stdin_default$2O,
+  CheckboxGroup: stdin_default$2M,
+  Chip: stdin_default$2K,
+  Col: stdin_default$2I,
+  Collapse: stdin_default$2G,
+  CollapseItem: stdin_default$2E,
+  CollapseTransition: stdin_default$2C,
+  Context: stdin_default$3y,
   Countdown: stdin_default$2A,
   Counter: stdin_default$2y,
   DatePicker: stdin_default$2q,
@@ -25074,21 +25163,21 @@ const index_bundle = {
   FieldDecorator: stdin_default$2c,
   FloatingPanel: stdin_default$2a,
   Form: stdin_default$28,
-  FormDetails: stdin_default$2O,
-  Hover: stdin_default$38,
-  HoverOverlay: stdin_default$39,
-  Icon: stdin_default$3r,
+  FormDetails: stdin_default$2Q,
+  Hover: stdin_default$3a,
+  HoverOverlay: stdin_default$3b,
+  Icon: stdin_default$3t,
   Image: stdin_default$26,
   ImagePreview: stdin_default$20,
   IndexAnchor: stdin_default$1_,
   IndexBar: stdin_default$1Y,
   Input: stdin_default$1W,
-  Lazy: stdin_default$3h,
+  Lazy: stdin_default$3j,
   Link: stdin_default$1U,
   List: stdin_default$1S,
-  Loading: stdin_default$3b,
+  Loading: stdin_default$3d,
   LoadingBar: stdin_default$1Q,
-  Locale: stdin_default$3m,
+  Locale: stdin_default$3o,
   Menu: stdin_default$1O,
   MenuOption: stdin_default$1M,
   MenuSelect: stdin_default$1K,
@@ -25097,14 +25186,14 @@ const index_bundle = {
   Pagination: stdin_default$1E,
   Paper: stdin_default$1C,
   Picker: stdin_default$1A,
-  Popup: stdin_default$3t,
+  Popup: stdin_default$3v,
   Progress: stdin_default$1y,
   PullRefresh: stdin_default$1w,
   Radio: stdin_default$1u,
   RadioGroup: stdin_default$1s,
   Rate: stdin_default$1q,
   Result: stdin_default$1i,
-  Ripple: stdin_default$3v,
+  Ripple: stdin_default$3x,
   Row: stdin_default$1g,
   Select: stdin_default$1e,
   Skeleton: stdin_default$1c,
@@ -25129,27 +25218,28 @@ const index_bundle = {
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-exports.ActionSheet = stdin_default$3k;
-exports.AppBar = stdin_default$3i;
-exports.Avatar = stdin_default$3f;
-exports.AvatarGroup = stdin_default$3d;
-exports.BackTop = stdin_default$34;
-exports.Badge = stdin_default$32;
-exports.BottomNavigation = stdin_default$30;
-exports.BottomNavigationItem = stdin_default$2_;
-exports.Breadcrumb = stdin_default$2Y;
-exports.Breadcrumbs = stdin_default$2W;
-exports.Button = stdin_default$36;
-exports.ButtonGroup = stdin_default$2U;
-exports.Card = stdin_default$2S;
-exports.Cell = stdin_default$2Q;
-exports.Checkbox = stdin_default$2M;
-exports.CheckboxGroup = stdin_default$2K;
-exports.Chip = stdin_default$2I;
-exports.Col = stdin_default$2G;
-exports.Collapse = stdin_default$2E;
-exports.CollapseItem = stdin_default$2C;
-exports.Context = stdin_default$3w;
+exports.ActionSheet = stdin_default$3m;
+exports.AppBar = stdin_default$3k;
+exports.Avatar = stdin_default$3h;
+exports.AvatarGroup = stdin_default$3f;
+exports.BackTop = stdin_default$36;
+exports.Badge = stdin_default$34;
+exports.BottomNavigation = stdin_default$32;
+exports.BottomNavigationItem = stdin_default$30;
+exports.Breadcrumb = stdin_default$2_;
+exports.Breadcrumbs = stdin_default$2Y;
+exports.Button = stdin_default$38;
+exports.ButtonGroup = stdin_default$2W;
+exports.Card = stdin_default$2U;
+exports.Cell = stdin_default$2S;
+exports.Checkbox = stdin_default$2O;
+exports.CheckboxGroup = stdin_default$2M;
+exports.Chip = stdin_default$2K;
+exports.Col = stdin_default$2I;
+exports.Collapse = stdin_default$2G;
+exports.CollapseItem = stdin_default$2E;
+exports.CollapseTransition = stdin_default$2C;
+exports.Context = stdin_default$3y;
 exports.Countdown = stdin_default$2A;
 exports.Counter = stdin_default$2y;
 exports.DatePicker = stdin_default$2q;
@@ -25161,21 +25251,21 @@ exports.Fab = stdin_default$2e;
 exports.FieldDecorator = stdin_default$2c;
 exports.FloatingPanel = stdin_default$2a;
 exports.Form = stdin_default$28;
-exports.FormDetails = stdin_default$2O;
-exports.Hover = stdin_default$38;
-exports.HoverOverlay = stdin_default$39;
-exports.Icon = stdin_default$3r;
+exports.FormDetails = stdin_default$2Q;
+exports.Hover = stdin_default$3a;
+exports.HoverOverlay = stdin_default$3b;
+exports.Icon = stdin_default$3t;
 exports.Image = stdin_default$26;
 exports.ImagePreview = stdin_default$20;
 exports.IndexAnchor = stdin_default$1_;
 exports.IndexBar = stdin_default$1Y;
 exports.Input = stdin_default$1W;
-exports.Lazy = stdin_default$3h;
+exports.Lazy = stdin_default$3j;
 exports.Link = stdin_default$1U;
 exports.List = stdin_default$1S;
-exports.Loading = stdin_default$3b;
+exports.Loading = stdin_default$3d;
 exports.LoadingBar = stdin_default$1Q;
-exports.Locale = stdin_default$3m;
+exports.Locale = stdin_default$3o;
 exports.Menu = stdin_default$1O;
 exports.MenuOption = stdin_default$1M;
 exports.MenuSelect = stdin_default$1K;
@@ -25185,14 +25275,14 @@ exports.PIXEL = PIXEL;
 exports.Pagination = stdin_default$1E;
 exports.Paper = stdin_default$1C;
 exports.Picker = stdin_default$1A;
-exports.Popup = stdin_default$3t;
+exports.Popup = stdin_default$3v;
 exports.Progress = stdin_default$1y;
 exports.PullRefresh = stdin_default$1w;
 exports.Radio = stdin_default$1u;
 exports.RadioGroup = stdin_default$1s;
 exports.Rate = stdin_default$1q;
 exports.Result = stdin_default$1i;
-exports.Ripple = stdin_default$3v;
+exports.Ripple = stdin_default$3x;
 exports.Row = stdin_default$1g;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$1e;
@@ -25237,6 +25327,7 @@ exports._ChipComponent = _ChipComponent;
 exports._ColComponent = _ColComponent;
 exports._CollapseComponent = _CollapseComponent;
 exports._CollapseItemComponent = _CollapseItemComponent;
+exports._CollapseTransitionComponent = _CollapseTransitionComponent;
 exports._ContextComponent = _ContextComponent;
 exports._CountdownComponent = _CountdownComponent;
 exports._CounterComponent = _CounterComponent;
@@ -25303,27 +25394,28 @@ exports._TimePickerComponent = _TimePickerComponent;
 exports._TooltipComponent = _TooltipComponent;
 exports._UploaderComponent = _UploaderComponent;
 exports._WatermarkComponent = _WatermarkComponent;
-exports.actionSheetProps = props$1d;
+exports.actionSheetProps = props$1e;
 exports.add = add$2;
-exports.appBarProps = props$1c;
-exports.avatarGroupProps = props$1a;
-exports.avatarProps = props$1b;
-exports.backTopProps = props$16;
-exports.badgeProps = props$15;
-exports.bottomNavigationItemProps = props$13;
-exports.bottomNavigationProps = props$14;
-exports.breadcrumbProps = props$12;
-exports.breadcrumbsProps = props$11;
-exports.buttonGroupProps = props$10;
-exports.buttonProps = props$17;
-exports.cardProps = props$$;
-exports.cellProps = props$_;
-exports.checkboxGroupProps = props$X;
-exports.checkboxProps = props$Y;
-exports.chipProps = props$W;
-exports.colProps = props$V;
-exports.collapseItemProps = props$T;
-exports.collapseProps = props$U;
+exports.appBarProps = props$1d;
+exports.avatarGroupProps = props$1b;
+exports.avatarProps = props$1c;
+exports.backTopProps = props$17;
+exports.badgeProps = props$16;
+exports.bottomNavigationItemProps = props$14;
+exports.bottomNavigationProps = props$15;
+exports.breadcrumbProps = props$13;
+exports.breadcrumbsProps = props$12;
+exports.buttonGroupProps = props$11;
+exports.buttonProps = props$18;
+exports.cardProps = props$10;
+exports.cellProps = props$$;
+exports.checkboxGroupProps = props$Y;
+exports.checkboxProps = props$Z;
+exports.chipProps = props$X;
+exports.colProps = props$W;
+exports.collapseItemProps = props$U;
+exports.collapseProps = props$V;
+exports.collapseTransitionProps = props$T;
 exports.countdownProps = props$S;
 exports.counterProps = props$R;
 exports.datePickerProps = props$Q;
@@ -25333,13 +25425,13 @@ exports.dialogProps = props$O;
 exports.dividerProps = props$N;
 exports.dragProps = props$M;
 exports.ellipsisProps = props$K;
-exports.enUS = stdin_default$3p;
+exports.enUS = stdin_default$3r;
 exports.fabProps = props$J;
 exports.fieldDecoratorProps = props$I;
-exports.formDetailsProps = props$Z;
+exports.formDetailsProps = props$_;
 exports.formProps = props$G;
-exports.hoverOverlayProps = props$18;
-exports.iconProps = props$1e;
+exports.hoverOverlayProps = props$19;
+exports.iconProps = props$1f;
 exports.imageCache = imageCache;
 exports.imagePreviewProps = props$D;
 exports.imageProps = props$F;
@@ -25350,7 +25442,7 @@ exports.install = install;
 exports.linkProps = props$z;
 exports.listProps = props$y;
 exports.loadingBarProps = props$x;
-exports.loadingProps = props$19;
+exports.loadingProps = props$1a;
 exports.menuOptionProps = props$u;
 exports.menuProps = props$v;
 exports.menuSelectProps = props$t;
@@ -25362,7 +25454,7 @@ exports.packs = packs;
 exports.paginationProps = props$q;
 exports.paperProps = props$p;
 exports.pickerProps = props$o;
-exports.popupProps = props$1f;
+exports.popupProps = props$1g;
 exports.progressProps = props$n;
 exports.pullRefreshProps = props$m;
 exports.radioGroupProps = props$k;
@@ -25394,4 +25486,4 @@ exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$3q;
+exports.zhCN = stdin_default$3s;