@varlet/ui 3.2.10 → 3.2.11

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$5V = vue.reactive(context);
+var stdin_default$5W = vue.reactive(context);
 var __defProp$x = Object.defineProperty;
 var __defProps$a = Object.defineProperties;
 var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
@@ -161,13 +161,13 @@ var throttle = (fn2, delay = 200) => {
       start2 = now;
     }
     if (timer) {
-      window.clearTimeout(timer);
+      clearTimeout(timer);
     }
     if (elapsed >= delay) {
       fn2.apply(this, args);
       start2 = now;
     } else {
-      timer = window.setTimeout(() => {
+      timer = setTimeout(() => {
         loop.apply(this, args);
       }, delay - elapsed);
     }
@@ -850,7 +850,7 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$5V.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$5W.enableRipple) {
     return;
   }
   const task = () => {
@@ -893,7 +893,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$5V.enableRipple) {
+  if (!supportTouch() || !stdin_default$5W.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -966,7 +966,7 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$5U = Ripple;
+var stdin_default$5V = Ripple;
 const props$1g = {
   show: Boolean,
   position: {
@@ -1013,15 +1013,15 @@ const props$1g = {
   onRouteChange: defineListenerProp()
 };
 function resolveLock() {
-  const lockCounts = Object.keys(stdin_default$5V.locks).length;
+  const lockCounts = Object.keys(stdin_default$5W.locks).length;
   lockCounts <= 0 ? document.body.classList.remove("var--lock") : document.body.classList.add("var--lock");
 }
 function addLock(uid) {
-  stdin_default$5V.locks[uid] = 1;
+  stdin_default$5W.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$5V.locks[uid];
+  delete stdin_default$5W.locks[uid];
   resolveLock();
 }
 function useLock(source, useSource) {
@@ -1079,13 +1079,13 @@ function useLock(source, useSource) {
   });
 }
 function useZIndex(source, count) {
-  const zIndex = vue.ref(stdin_default$5V.zIndex);
+  const zIndex = vue.ref(stdin_default$5W.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$5V.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$5V.zIndex;
+        stdin_default$5W.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$5W.zIndex;
       }
     },
     { immediate: true }
@@ -1170,7 +1170,7 @@ const {
   n: n$1o,
   classes: classes$1a
 } = createNamespace("popup");
-var stdin_default$5T = vue.defineComponent({
+var stdin_default$5U = vue.defineComponent({
   name: name$1h,
   inheritAttrs: false,
   props: props$1g,
@@ -1279,10 +1279,10 @@ var stdin_default$5T = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$5T);
-withPropsDefaultsSetter(stdin_default$5T, props$1g);
-const _PopupComponent = stdin_default$5T;
-var stdin_default$5S = stdin_default$5T;
+withInstall(stdin_default$5U);
+withPropsDefaultsSetter(stdin_default$5U, props$1g);
+const _PopupComponent = stdin_default$5U;
+var stdin_default$5T = stdin_default$5U;
 const props$1f = {
   name: String,
   size: [Number, String],
@@ -1560,11 +1560,11 @@ const __sfc__$1o = vue.defineComponent({
   }
 });
 __sfc__$1o.render = __render__$1n;
-var stdin_default$5R = __sfc__$1o;
-withInstall(stdin_default$5R);
-withPropsDefaultsSetter(stdin_default$5R, props$1f);
-const _IconComponent = stdin_default$5R;
-var stdin_default$5Q = stdin_default$5R;
+var stdin_default$5S = __sfc__$1o;
+withInstall(stdin_default$5S);
+withPropsDefaultsSetter(stdin_default$5S, props$1f);
+const _IconComponent = stdin_default$5S;
+var stdin_default$5R = stdin_default$5S;
 const props$1e = {
   hovering: Boolean,
   focusing: Boolean
@@ -1591,9 +1591,9 @@ const __sfc__$1n = vue.defineComponent({
   })
 });
 __sfc__$1n.render = __render__$1m;
-var stdin_default$5P = __sfc__$1n;
-withInstall(stdin_default$5P);
-withPropsDefaultsSetter(stdin_default$5P, props$1e);
+var stdin_default$5Q = __sfc__$1n;
+withInstall(stdin_default$5Q);
+withPropsDefaultsSetter(stdin_default$5Q, props$1e);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -1604,8 +1604,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$5P;
-var stdin_default$5O = stdin_default$5P;
+const _HoverOverlayComponent = stdin_default$5Q;
+var stdin_default$5P = stdin_default$5Q;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -1727,7 +1727,7 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$5N = Hover;
+var stdin_default$5O = Hover;
 const { name: name$1e, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
 function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -1772,10 +1772,10 @@ function __render__$1l(_ctx, _cache) {
 const __sfc__$1m = vue.defineComponent({
   name: name$1e,
   components: {
-    VarHoverOverlay: stdin_default$5O,
-    VarIcon: stdin_default$5Q
+    VarHoverOverlay: stdin_default$5P,
+    VarIcon: stdin_default$5R
   },
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   props: {
     name: String,
     className: String,
@@ -1796,7 +1796,7 @@ const __sfc__$1m = vue.defineComponent({
   }
 });
 __sfc__$1m.render = __render__$1l;
-var stdin_default$5M = __sfc__$1m;
+var stdin_default$5N = __sfc__$1m;
 var __defProp$s = Object.defineProperty;
 var __getOwnPropSymbols$s = Object.getOwnPropertySymbols;
 var __hasOwnProp$s = Object.prototype.hasOwnProperty;
@@ -1844,7 +1844,7 @@ const props$1d = __spreadValues$s({
   "onRouteChange",
   "onKeyEscape"
 ]));
-var stdin_default$5L = {
+var stdin_default$5M = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -1949,7 +1949,7 @@ var stdin_default$5L = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$5K = {
+var stdin_default$5L = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -2054,7 +2054,7 @@ var stdin_default$5K = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$5J = {
+var stdin_default$5K = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -2156,8 +2156,8 @@ var stdin_default$5J = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$5I = stdin_default$5J;
-var stdin_default$5H = {
+var stdin_default$5J = stdin_default$5K;
+var stdin_default$5I = {
   // Dialog
   dialogTitle: "اشاره",
   dialogConfirmButtonText: "تایید",
@@ -2315,15 +2315,15 @@ function useLocale() {
   };
 }
 const { messages, currentMessage, add: add$2, use, merge, t } = useLocale();
-add$2("zh-CN", stdin_default$5L);
+add$2("zh-CN", stdin_default$5M);
 use("zh-CN");
-const _LocaleComponent = { zhCN: stdin_default$5L, enUS: stdin_default$5K, messages, currentMessage, add: add$2, use, merge, t, useLocale };
-var stdin_default$5G = {
-  zhCN: stdin_default$5L,
-  enUS: stdin_default$5K,
-  zhTW: stdin_default$5J,
-  zhHK: stdin_default$5I,
-  faIR: stdin_default$5H,
+const _LocaleComponent = { zhCN: stdin_default$5M, enUS: stdin_default$5L, messages, currentMessage, add: add$2, use, merge, t, useLocale };
+var stdin_default$5H = {
+  zhCN: stdin_default$5M,
+  enUS: stdin_default$5L,
+  zhTW: stdin_default$5K,
+  zhHK: stdin_default$5J,
+  faIR: stdin_default$5I,
   messages,
   currentMessage,
   add: add$2,
@@ -2408,10 +2408,10 @@ function __render__$1k(_ctx, _cache) {
 }
 const __sfc__$1l = vue.defineComponent({
   name: name$1d,
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   components: {
-    VarPopup: stdin_default$5S,
-    VarActionItem: stdin_default$5M
+    VarPopup: stdin_default$5T,
+    VarActionItem: stdin_default$5N
   },
   inheritAttrs: false,
   props: props$1d,
@@ -2437,7 +2437,7 @@ const __sfc__$1l = vue.defineComponent({
   }
 });
 __sfc__$1l.render = __render__$1k;
-var stdin_default$5F = __sfc__$1l;
+var stdin_default$5G = __sfc__$1l;
 var __defProp$q = Object.defineProperty;
 var __getOwnPropSymbols$q = Object.getOwnPropertySymbols;
 var __hasOwnProp$q = Object.prototype.hasOwnProperty;
@@ -2468,7 +2468,7 @@ function ActionSheet(options) {
     const reactiveActionSheetOptions = vue.reactive(normalizeOptions$3(options));
     reactiveActionSheetOptions.teleport = "body";
     singletonOptions$3 = reactiveActionSheetOptions;
-    const { unmountInstance } = mountInstance(stdin_default$5F, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$5G, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -2508,12 +2508,12 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$5F;
-withInstall(stdin_default$5F);
-withInstall(stdin_default$5F, ActionSheet);
+ActionSheet.Component = stdin_default$5G;
+withInstall(stdin_default$5G);
+withInstall(stdin_default$5G, ActionSheet);
 withPropsDefaultsSetter(ActionSheet, props$1d);
-const _ActionSheetComponent = stdin_default$5F;
-var stdin_default$5E = ActionSheet;
+const _ActionSheetComponent = stdin_default$5G;
+var stdin_default$5F = ActionSheet;
 const props$1c = {
   color: String,
   textColor: String,
@@ -2688,11 +2688,11 @@ const __sfc__$1k = vue.defineComponent({
   }
 });
 __sfc__$1k.render = __render__$1j;
-var stdin_default$5D = __sfc__$1k;
-withInstall(stdin_default$5D);
-withPropsDefaultsSetter(stdin_default$5D, props$1c);
-const _AppBarComponent = stdin_default$5D;
-var stdin_default$5C = stdin_default$5D;
+var stdin_default$5E = __sfc__$1k;
+withInstall(stdin_default$5E);
+withPropsDefaultsSetter(stdin_default$5E, props$1c);
+const _AppBarComponent = stdin_default$5E;
+var stdin_default$5D = stdin_default$5E;
 const isHTMLSupportImage = (val) => {
   if (!isString(val)) {
     return false;
@@ -2730,9 +2730,13 @@ const createCache = (max2) => {
 const linear = (value) => value;
 const cubic = (value) => value ** 3;
 const easeInOutCubic = (value) => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
-const padStart$1 = (str = "", maxLength, fillString = "") => {
-  if (str.length >= maxLength)
+const padStart$1 = (str, maxLength, fillString = "") => {
+  if (str === void 0) {
+    str = "";
+  }
+  if (str.length >= maxLength) {
     return str;
+  }
   const len = maxLength - str.length;
   const repeatCount = Math.floor(len / fillString.length);
   return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
@@ -2939,7 +2943,7 @@ const Lazy = {
   }
 };
 const _LazyComponent = Lazy;
-var stdin_default$5B = Lazy;
+var stdin_default$5C = Lazy;
 const props$1b = {
   round: {
     type: Boolean,
@@ -3045,7 +3049,7 @@ function __render__$1i(_ctx, _cache) {
 }
 const __sfc__$1j = vue.defineComponent({
   name: name$1b,
-  directives: { Lazy: stdin_default$5B },
+  directives: { Lazy: stdin_default$5C },
   props: props$1b,
   setup(props2) {
     const avatarElement = vue.ref(null);
@@ -3097,11 +3101,11 @@ const __sfc__$1j = vue.defineComponent({
   }
 });
 __sfc__$1j.render = __render__$1i;
-var stdin_default$5A = __sfc__$1j;
-withInstall(stdin_default$5A);
-withPropsDefaultsSetter(stdin_default$5A, props$1b);
-const _AvatarComponent = stdin_default$5A;
-var stdin_default$5z = stdin_default$5A;
+var stdin_default$5B = __sfc__$1j;
+withInstall(stdin_default$5B);
+withPropsDefaultsSetter(stdin_default$5B, props$1b);
+const _AvatarComponent = stdin_default$5B;
+var stdin_default$5A = stdin_default$5B;
 const props$1a = {
   offset: [Number, String],
   vertical: Boolean
@@ -3141,11 +3145,11 @@ const __sfc__$1i = vue.defineComponent({
   }
 });
 __sfc__$1i.render = __render__$1h;
-var stdin_default$5y = __sfc__$1i;
-withInstall(stdin_default$5y);
-withPropsDefaultsSetter(stdin_default$5y, props$1a);
-const _AvatarGroupComponent = stdin_default$5y;
-var stdin_default$5x = stdin_default$5y;
+var stdin_default$5z = __sfc__$1i;
+withInstall(stdin_default$5z);
+withPropsDefaultsSetter(stdin_default$5z, props$1a);
+const _AvatarGroupComponent = stdin_default$5z;
+var stdin_default$5y = stdin_default$5z;
 const props$19 = {
   type: {
     type: String,
@@ -3340,11 +3344,11 @@ const __sfc__$1h = vue.defineComponent({
   }
 });
 __sfc__$1h.render = __render__$1g;
-var stdin_default$5w = __sfc__$1h;
-withInstall(stdin_default$5w);
-withPropsDefaultsSetter(stdin_default$5w, props$19);
-const _LoadingComponent = stdin_default$5w;
-var stdin_default$5v = stdin_default$5w;
+var stdin_default$5x = __sfc__$1h;
+withInstall(stdin_default$5x);
+withPropsDefaultsSetter(stdin_default$5x, props$19);
+const _LoadingComponent = stdin_default$5x;
+var stdin_default$5w = stdin_default$5x;
 var __defProp$o = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -3485,10 +3489,10 @@ function __render__$1f(_ctx, _cache) {
 const __sfc__$1g = vue.defineComponent({
   name: name$18,
   components: {
-    VarLoading: stdin_default$5v,
-    VarHoverOverlay: stdin_default$5O
+    VarLoading: stdin_default$5w,
+    VarHoverOverlay: stdin_default$5P
   },
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   props: props$18,
   setup(props2) {
     const isFocusing = vue.ref(false);
@@ -3559,11 +3563,11 @@ const __sfc__$1g = vue.defineComponent({
   }
 });
 __sfc__$1g.render = __render__$1f;
-var stdin_default$5u = __sfc__$1g;
-withInstall(stdin_default$5u);
-withPropsDefaultsSetter(stdin_default$5u, props$18);
-const _ButtonComponent = stdin_default$5u;
-var stdin_default$5t = stdin_default$5u;
+var stdin_default$5v = __sfc__$1g;
+withInstall(stdin_default$5v);
+withPropsDefaultsSetter(stdin_default$5v, props$18);
+const _ButtonComponent = stdin_default$5v;
+var stdin_default$5u = stdin_default$5v;
 const props$17 = {
   visibilityHeight: {
     type: [Number, String],
@@ -3625,8 +3629,8 @@ function __render__$1e(_ctx, _cache) {
 const __sfc__$1f = vue.defineComponent({
   name: name$17,
   components: {
-    VarButton: stdin_default$5t,
-    VarIcon: stdin_default$5Q
+    VarButton: stdin_default$5u,
+    VarIcon: stdin_default$5R
   },
   inheritAttrs: false,
   props: props$17,
@@ -3682,11 +3686,11 @@ const __sfc__$1f = vue.defineComponent({
   }
 });
 __sfc__$1f.render = __render__$1e;
-var stdin_default$5s = __sfc__$1f;
-withInstall(stdin_default$5s);
-withPropsDefaultsSetter(stdin_default$5s, props$17);
-const _BackTopComponent = stdin_default$5s;
-var stdin_default$5r = stdin_default$5s;
+var stdin_default$5t = __sfc__$1f;
+withInstall(stdin_default$5t);
+withPropsDefaultsSetter(stdin_default$5t, props$17);
+const _BackTopComponent = stdin_default$5t;
+var stdin_default$5s = stdin_default$5t;
 const props$16 = {
   type: {
     type: String,
@@ -3793,7 +3797,7 @@ function __render__$1d(_ctx, _cache) {
 }
 const __sfc__$1e = vue.defineComponent({
   name: name$16,
-  components: { VarIcon: stdin_default$5Q },
+  components: { VarIcon: stdin_default$5R },
   inheritAttrs: false,
   props: props$16,
   setup(props2) {
@@ -3814,11 +3818,11 @@ const __sfc__$1e = vue.defineComponent({
   }
 });
 __sfc__$1e.render = __render__$1d;
-var stdin_default$5q = __sfc__$1e;
-withInstall(stdin_default$5q);
-withPropsDefaultsSetter(stdin_default$5q, props$16);
-const _BadgeComponent = stdin_default$5q;
-var stdin_default$5p = stdin_default$5q;
+var stdin_default$5r = __sfc__$1e;
+withInstall(stdin_default$5r);
+withPropsDefaultsSetter(stdin_default$5r, props$16);
+const _BadgeComponent = stdin_default$5r;
+var stdin_default$5q = stdin_default$5r;
 const props$15 = {
   active: {
     type: [Number, String],
@@ -3834,6 +3838,7 @@ const props$15 = {
   safeArea: Boolean,
   activeColor: String,
   inactiveColor: String,
+  placeholder: Boolean,
   fabProps: Object,
   onChange: defineListenerProp(),
   onBeforeChange: defineListenerProp(),
@@ -3880,43 +3885,60 @@ const defaultFabProps = {
 function __render__$1c(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
   return vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass(
-        _ctx.classes(
-          _ctx.n(),
-          _ctx.n("$--box"),
-          [_ctx.fixed, _ctx.n("--fixed")],
-          [_ctx.border, _ctx.n("--border")],
-          [_ctx.safeArea, _ctx.n("--safe-area")],
-          [_ctx.variant, _ctx.n("--variant")]
-        )
-      ),
-      ref: "bottomNavigationDom",
-      style: vue.normalizeStyle(`z-index:${_ctx.zIndex}`)
-    },
+    vue.Fragment,
+    null,
     [
-      vue.renderSlot(_ctx.$slots, "default"),
-      _ctx.$slots.fab ? (vue.openBlock(), vue.createBlock(_component_var_button, vue.mergeProps({
-        key: 0,
-        class: _ctx.classes(_ctx.n("fab"), [_ctx.length % 2, _ctx.n("--fab-right"), _ctx.n("--fab-center")]),
-        "var-bottom-navigation__fab": "",
-        onClick: _ctx.handleFabClick
-      }, _ctx.fabProps), {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "fab")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+      vue.createElementVNode(
+        "div",
+        vue.mergeProps({
+          class: _ctx.classes(
+            _ctx.n(),
+            _ctx.n("$--box"),
+            [_ctx.fixed, _ctx.n("--fixed")],
+            [_ctx.border, _ctx.n("--border")],
+            [_ctx.safeArea, _ctx.n("--safe-area")],
+            [_ctx.variant, _ctx.n("--variant")]
+          ),
+          ref: "bottomNavigationDom",
+          style: `z-index:${_ctx.zIndex}`
+        }, _ctx.$attrs),
+        [
+          vue.renderSlot(_ctx.$slots, "default"),
+          _ctx.$slots.fab ? (vue.openBlock(), vue.createBlock(_component_var_button, vue.mergeProps({
+            key: 0,
+            class: _ctx.classes(_ctx.n("fab"), [_ctx.length % 2, _ctx.n("--fab-right"), _ctx.n("--fab-center")]),
+            "var-bottom-navigation__fab": "",
+            onClick: _ctx.handleFabClick
+          }, _ctx.fabProps), {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "fab")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+        ],
+        16
+        /* FULL_PROPS */
+      ),
+      _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: vue.normalizeClass(_ctx.n("placeholder")),
+          style: vue.normalizeStyle({ height: _ctx.placeholderHeight })
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      )) : vue.createCommentVNode("v-if", true)
     ],
-    6
-    /* CLASS, STYLE */
+    64
+    /* STABLE_FRAGMENT */
   );
 }
 const __sfc__$1d = vue.defineComponent({
   name: name$15,
-  components: { VarButton: stdin_default$5t },
+  components: { VarButton: stdin_default$5u },
   props: props$15,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
@@ -3924,6 +3946,7 @@ const __sfc__$1d = vue.defineComponent({
     const activeColor = vue.computed(() => props2.activeColor);
     const inactiveColor = vue.computed(() => props2.inactiveColor);
     const variant = vue.computed(() => props2.variant);
+    const placeholderHeight = vue.ref();
     const fabProps = vue.ref({});
     const { length, bottomNavigationItems, bindBottomNavigationItem } = useBottomNavigationItems();
     const bottomNavigationProvider = {
@@ -3943,6 +3966,7 @@ const __sfc__$1d = vue.defineComponent({
       { immediate: true, deep: true }
     );
     onSmartMounted(() => {
+      resizePlaceholder();
       if (!slots.fab) {
         return;
       }
@@ -4029,10 +4053,18 @@ const __sfc__$1d = vue.defineComponent({
     function handleFabClick() {
       call(props2.onFabClick);
     }
+    function resizePlaceholder() {
+      if (!props2.fixed || !props2.placeholder) {
+        return;
+      }
+      const { height } = getRect(bottomNavigationDom.value);
+      placeholderHeight.value = `${height}px`;
+    }
     return {
       length,
       bottomNavigationDom,
       fabProps,
+      placeholderHeight,
       n: n$1c,
       classes: classes$_,
       handleFabClick
@@ -4040,11 +4072,11 @@ const __sfc__$1d = vue.defineComponent({
   }
 });
 __sfc__$1d.render = __render__$1c;
-var stdin_default$5o = __sfc__$1d;
-withInstall(stdin_default$5o);
-withPropsDefaultsSetter(stdin_default$5o, props$15);
-const _BottomNavigationComponent = stdin_default$5o;
-var stdin_default$5n = stdin_default$5o;
+var stdin_default$5p = __sfc__$1d;
+withInstall(stdin_default$5p);
+withPropsDefaultsSetter(stdin_default$5p, props$15);
+const _BottomNavigationComponent = stdin_default$5p;
+var stdin_default$5o = stdin_default$5p;
 const props$14 = {
   name: String,
   label: String,
@@ -4160,10 +4192,10 @@ function __render__$1b(_ctx, _cache) {
 const __sfc__$1c = vue.defineComponent({
   name: name$14,
   components: {
-    VarBadge: stdin_default$5p,
-    VarIcon: stdin_default$5Q
+    VarBadge: stdin_default$5q,
+    VarIcon: stdin_default$5R
   },
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   props: props$14,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
@@ -4195,11 +4227,11 @@ const __sfc__$1c = vue.defineComponent({
   }
 });
 __sfc__$1c.render = __render__$1b;
-var stdin_default$5m = __sfc__$1c;
-withInstall(stdin_default$5m);
-withPropsDefaultsSetter(stdin_default$5m, props$14);
-const _BottomNavigationItemComponent = stdin_default$5m;
-var stdin_default$5l = stdin_default$5m;
+var stdin_default$5n = __sfc__$1c;
+withInstall(stdin_default$5n);
+withPropsDefaultsSetter(stdin_default$5n, props$14);
+const _BottomNavigationItemComponent = stdin_default$5n;
+var stdin_default$5m = stdin_default$5n;
 const props$13 = {
   separator: String,
   onClick: defineListenerProp()
@@ -4292,11 +4324,11 @@ const __sfc__$1b = vue.defineComponent({
   }
 });
 __sfc__$1b.render = __render__$1a;
-var stdin_default$5k = __sfc__$1b;
-withInstall(stdin_default$5k);
-withPropsDefaultsSetter(stdin_default$5k, props$13);
-const _BreadcrumbComponent = stdin_default$5k;
-var stdin_default$5j = stdin_default$5k;
+var stdin_default$5l = __sfc__$1b;
+withInstall(stdin_default$5l);
+withPropsDefaultsSetter(stdin_default$5l, props$13);
+const _BreadcrumbComponent = stdin_default$5l;
+var stdin_default$5k = stdin_default$5l;
 const props$12 = {
   separator: {
     type: String,
@@ -4334,11 +4366,11 @@ const __sfc__$1a = vue.defineComponent({
   }
 });
 __sfc__$1a.render = __render__$19;
-var stdin_default$5i = __sfc__$1a;
-withInstall(stdin_default$5i);
-withPropsDefaultsSetter(stdin_default$5i, props$12);
-const _BreadcrumbsComponent = stdin_default$5i;
-var stdin_default$5h = stdin_default$5i;
+var stdin_default$5j = __sfc__$1a;
+withInstall(stdin_default$5j);
+withPropsDefaultsSetter(stdin_default$5j, props$12);
+const _BreadcrumbsComponent = stdin_default$5j;
+var stdin_default$5i = stdin_default$5j;
 const props$11 = {
   type: {
     type: String,
@@ -4404,11 +4436,11 @@ const __sfc__$19 = vue.defineComponent({
   }
 });
 __sfc__$19.render = __render__$18;
-var stdin_default$5g = __sfc__$19;
-withInstall(stdin_default$5g);
-withPropsDefaultsSetter(stdin_default$5g, props$11);
-const _ButtonGroupComponent = stdin_default$5g;
-var stdin_default$5f = stdin_default$5g;
+var stdin_default$5h = __sfc__$19;
+withInstall(stdin_default$5h);
+withPropsDefaultsSetter(stdin_default$5h, props$11);
+const _ButtonGroupComponent = stdin_default$5h;
+var stdin_default$5g = stdin_default$5h;
 const props$10 = {
   src: String,
   fit: {
@@ -4642,10 +4674,10 @@ function __render__$17(_ctx, _cache) {
 }
 const __sfc__$18 = vue.defineComponent({
   name: name$10,
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   components: {
-    VarIcon: stdin_default$5Q,
-    VarButton: stdin_default$5t
+    VarIcon: stdin_default$5R,
+    VarButton: stdin_default$5u
   },
   props: props$10,
   setup(props2) {
@@ -4775,11 +4807,11 @@ const __sfc__$18 = vue.defineComponent({
   }
 });
 __sfc__$18.render = __render__$17;
-var stdin_default$5e = __sfc__$18;
-withInstall(stdin_default$5e);
-withPropsDefaultsSetter(stdin_default$5e, props$10);
-const _CardComponent = stdin_default$5e;
-var stdin_default$5d = stdin_default$5e;
+var stdin_default$5f = __sfc__$18;
+withInstall(stdin_default$5f);
+withPropsDefaultsSetter(stdin_default$5f, props$10);
+const _CardComponent = stdin_default$5f;
+var stdin_default$5e = stdin_default$5f;
 const props$$ = {
   title: String,
   icon: pickProps(props$1f, "name"),
@@ -4878,8 +4910,8 @@ function __render__$16(_ctx, _cache) {
 }
 const __sfc__$17 = vue.defineComponent({
   name: name$$,
-  components: { VarIcon: stdin_default$5Q },
-  directives: { Ripple: stdin_default$5U },
+  components: { VarIcon: stdin_default$5R },
+  directives: { Ripple: stdin_default$5V },
   props: props$$,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
@@ -4904,11 +4936,11 @@ const __sfc__$17 = vue.defineComponent({
   }
 });
 __sfc__$17.render = __render__$16;
-var stdin_default$5c = __sfc__$17;
-withInstall(stdin_default$5c);
-withPropsDefaultsSetter(stdin_default$5c, props$$);
-const _CellComponent = stdin_default$5c;
-var stdin_default$5b = stdin_default$5c;
+var stdin_default$5d = __sfc__$17;
+withInstall(stdin_default$5d);
+withPropsDefaultsSetter(stdin_default$5d, props$$);
+const _CellComponent = stdin_default$5d;
+var stdin_default$5c = stdin_default$5d;
 const props$_ = {
   errorMessage: {
     type: String,
@@ -5001,11 +5033,11 @@ const __sfc__$16 = vue.defineComponent({
   setup: () => ({ n: n$15 })
 });
 __sfc__$16.render = __render__$15;
-var stdin_default$5a = __sfc__$16;
-withInstall(stdin_default$5a);
-withPropsDefaultsSetter(stdin_default$5a, props$_);
-const _FormDetailsComponent = stdin_default$5a;
-var stdin_default$59 = stdin_default$5a;
+var stdin_default$5b = __sfc__$16;
+withInstall(stdin_default$5b);
+withPropsDefaultsSetter(stdin_default$5b, props$_);
+const _FormDetailsComponent = stdin_default$5b;
+var stdin_default$5a = stdin_default$5b;
 const props$Z = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -5199,11 +5231,11 @@ function __render__$14(_ctx, _cache) {
 }
 const __sfc__$15 = vue.defineComponent({
   name: name$Z,
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
-    VarIcon: stdin_default$5Q,
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarIcon: stdin_default$5R,
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
   props: props$Z,
   setup(props2) {
@@ -5337,17 +5369,38 @@ const __sfc__$15 = vue.defineComponent({
   }
 });
 __sfc__$15.render = __render__$14;
-var stdin_default$58 = __sfc__$15;
-withInstall(stdin_default$58);
-withPropsDefaultsSetter(stdin_default$58, props$Z);
-const _CheckboxComponent = stdin_default$58;
-var stdin_default$57 = stdin_default$58;
+var stdin_default$59 = __sfc__$15;
+withInstall(stdin_default$59);
+withPropsDefaultsSetter(stdin_default$59, props$Z);
+const _CheckboxComponent = stdin_default$59;
+var stdin_default$58 = stdin_default$59;
+var stdin_default$57 = vue.defineComponent({
+  name: "CheckboxGroupOption",
+  props: {
+    checked: Boolean,
+    option: Object
+  },
+  setup(props2) {
+    return () => {
+      if (props2.option == null) {
+        return;
+      }
+      return vue.createVNode(stdin_default$58, {
+        "checkedValue": props2.option.value,
+        "disabled": props2.option.disabled
+      }, {
+        default: () => [isFunction(props2.option.label) ? props2.option.label(props2.option, props2.checked) : props2.option.label]
+      });
+    };
+  }
+});
 const props$Y = {
   modelValue: {
     type: Array,
     default: () => []
   },
   max: [String, Number],
+  options: Array,
   direction: {
     type: String,
     default: "horizontal"
@@ -5362,6 +5415,7 @@ const props$Y = {
 };
 const { name: name$Y, n: n$13, classes: classes$T } = createNamespace("checkbox-group");
 function __render__$13(_ctx, _cache) {
+  const _component_checkbox_group_option = vue.resolveComponent("checkbox-group-option");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5375,6 +5429,19 @@ function __render__$13(_ctx, _cache) {
           class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
         },
         [
+          _ctx.checkboxGroupOptions.length ? (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            vue.renderList(_ctx.checkboxGroupOptions, (option) => {
+              return vue.openBlock(), vue.createBlock(_component_checkbox_group_option, {
+                key: option.value.toString(),
+                checked: _ctx.modelValue.includes(option.value),
+                option
+              }, null, 8, ["checked", "option"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "default")
         ],
         2
@@ -5388,11 +5455,12 @@ function __render__$13(_ctx, _cache) {
 }
 const __sfc__$14 = vue.defineComponent({
   name: name$Y,
-  components: { VarFormDetails: stdin_default$59 },
+  components: { VarFormDetails: stdin_default$5a, CheckboxGroupOption: stdin_default$57 },
   props: props$Y,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
     const checkedCount = vue.computed(() => props2.modelValue.length);
+    const checkboxGroupOptions = vue.computed(() => isArray(props2.options) ? props2.options : []);
     const { length, checkboxes, bindCheckboxes } = useCheckboxes();
     const { bindForm } = useForm();
     const {
@@ -5442,7 +5510,7 @@ const __sfc__$14 = vue.defineComponent({
       change(modelValue.filter((value) => value !== changedValue));
     }
     function syncCheckboxes() {
-      return checkboxes.forEach(({ sync }) => sync(props2.modelValue));
+      checkboxes.forEach(({ sync }) => sync(props2.modelValue));
     }
     function resetWithAnimation() {
       checkboxes.forEach((checkbox) => checkbox.resetWithAnimation());
@@ -5470,6 +5538,7 @@ const __sfc__$14 = vue.defineComponent({
     }
     return {
       errorMessage,
+      checkboxGroupOptions,
       n: n$13,
       classes: classes$T,
       checkAll: checkAll2,
@@ -5563,7 +5632,7 @@ function __render__$12(_ctx, _cache) {
 const __sfc__$13 = vue.defineComponent({
   name: name$X,
   components: {
-    VarIcon: stdin_default$5Q
+    VarIcon: stdin_default$5R
   },
   inheritAttrs: false,
   props: props$X,
@@ -6084,7 +6153,7 @@ function __render__$$(_ctx, _cache) {
 const __sfc__$10 = vue.defineComponent({
   name: name$U,
   components: {
-    VarIcon: stdin_default$5Q
+    VarIcon: stdin_default$5R
   },
   props: props$U,
   setup(props2) {
@@ -8854,11 +8923,11 @@ function __render__$Y(_ctx, _cache) {
 const __sfc__$Z = vue.defineComponent({
   name: name$R,
   components: {
-    VarButton: stdin_default$5t,
-    VarIcon: stdin_default$5Q,
-    VarFormDetails: stdin_default$59
+    VarButton: stdin_default$5u,
+    VarIcon: stdin_default$5R,
+    VarFormDetails: stdin_default$5a
   },
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   inheritAttrs: false,
   props: props$R,
   setup(props2) {
@@ -9607,8 +9676,8 @@ function __render__$X(_ctx, _cache) {
 const __sfc__$Y = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: stdin_default$5t,
-    VarIcon: stdin_default$5Q
+    VarButton: stdin_default$5u,
+    VarIcon: stdin_default$5R
   },
   props: {
     date: {
@@ -9755,7 +9824,7 @@ function __render__$W(_ctx, _cache) {
 const __sfc__$X = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: stdin_default$5t,
+    VarButton: stdin_default$5u,
     PanelHeader: stdin_default$4S
   },
   props: {
@@ -10206,7 +10275,7 @@ function __render__$U(_ctx, _cache) {
 const __sfc__$V = vue.defineComponent({
   name: "YearPickerPanel",
   components: {
-    VarButton: stdin_default$5t,
+    VarButton: stdin_default$5u,
     VarSticky: stdin_default$4P,
     PanelHeader: stdin_default$4S
   },
@@ -10521,7 +10590,7 @@ function __render__$T(_ctx, _cache) {
 const __sfc__$U = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: stdin_default$5t,
+    VarButton: stdin_default$5u,
     PanelHeader: stdin_default$4S
   },
   props: {
@@ -11621,8 +11690,8 @@ function __render__$R(_ctx, _cache) {
 const __sfc__$S = vue.defineComponent({
   name: name$O,
   components: {
-    VarPopup: stdin_default$5S,
-    VarButton: stdin_default$5t
+    VarPopup: stdin_default$5T,
+    VarButton: stdin_default$5u
   },
   inheritAttrs: false,
   props: props$O,
@@ -14184,7 +14253,7 @@ var stdin_default$4A = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(stdin_default$5t, {
+      return vue.withDirectives(vue.createVNode(stdin_default$5u, {
         "var-fab-cover": true,
         "class": n$M("trigger"),
         "type": props2.type,
@@ -14193,7 +14262,7 @@ var stdin_default$4A = vue.defineComponent({
         "elevation": props2.elevation,
         "iconContainer": true
       }, {
-        default: () => [vue.createVNode(stdin_default$5Q, {
+        default: () => [vue.createVNode(stdin_default$5R, {
           "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,
@@ -14515,7 +14584,7 @@ function __render__$M(_ctx, _cache) {
 }
 const __sfc__$N = vue.defineComponent({
   name: name$I,
-  components: { VarIcon: stdin_default$5Q },
+  components: { VarIcon: stdin_default$5R },
   props: props$I,
   setup(props2) {
     const placeholderTextEl = vue.ref(null);
@@ -15011,8 +15080,8 @@ function __render__$J(_ctx, _cache) {
 const __sfc__$K = vue.defineComponent({
   name: name$F,
   directives: {
-    Lazy: stdin_default$5B,
-    Ripple: stdin_default$5U
+    Lazy: stdin_default$5C,
+    Ripple: stdin_default$5V
   },
   props: props$F,
   setup(props2, { slots }) {
@@ -15290,8 +15359,8 @@ function __render__$I(_ctx, _cache) {
 }
 const __sfc__$J = vue.defineComponent({
   name: name$E,
-  directives: { Hover: stdin_default$5N },
-  components: { VarButton: stdin_default$5t, VarIcon: stdin_default$5Q },
+  directives: { Hover: stdin_default$5O },
+  components: { VarButton: stdin_default$5u, VarIcon: stdin_default$5R },
   props: props$E,
   setup(props2) {
     const swipeEl = vue.ref(null);
@@ -15836,8 +15905,8 @@ const __sfc__$H = vue.defineComponent({
   components: {
     VarSwipe: stdin_default$4p,
     VarSwipeItem: stdin_default$4n,
-    VarPopup: stdin_default$5S,
-    VarIcon: stdin_default$5Q
+    VarPopup: stdin_default$5T,
+    VarIcon: stdin_default$5R
   },
   inheritAttrs: false,
   props: props$D,
@@ -16662,7 +16731,7 @@ function __render__$D(_ctx, _cache) {
 const __sfc__$E = vue.defineComponent({
   name: name$z,
   components: {
-    VarFormDetails: stdin_default$59,
+    VarFormDetails: stdin_default$5a,
     VarFieldDecorator: stdin_default$4x
   },
   props: props$A,
@@ -17141,8 +17210,8 @@ function __render__$B(_ctx, _cache) {
 }
 const __sfc__$C = vue.defineComponent({
   name: name$x,
-  directives: { Ripple: stdin_default$5U },
-  components: { VarLoading: stdin_default$5v },
+  directives: { Ripple: stdin_default$5V },
+  components: { VarLoading: stdin_default$5w },
   props: props$y,
   setup(props2) {
     const listEl = vue.ref(null);
@@ -17232,7 +17301,7 @@ var stdin_default$4a = vue.defineComponent({
     return () => vue.createVNode("div", {
       "class": classes$t(n$z(), [props2.error, n$z("--error")]),
       "style": {
-        zIndex: stdin_default$5V.zIndex + 10,
+        zIndex: stdin_default$5W.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -17586,10 +17655,10 @@ function __render__$z(_ctx, _cache) {
 }
 const __sfc__$A = vue.defineComponent({
   name: name$u,
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
-    VarCheckbox: stdin_default$57,
-    VarHoverOverlay: stdin_default$5O
+    VarCheckbox: stdin_default$58,
+    VarHoverOverlay: stdin_default$5P
   },
   props: props$u,
   setup(props2) {
@@ -17998,10 +18067,10 @@ function __render__$x(_ctx, _cache) {
 }
 const __sfc__$y = vue.defineComponent({
   name: name$s,
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
-    VarCheckbox: stdin_default$57,
-    VarHoverOverlay: stdin_default$5O
+    VarCheckbox: stdin_default$58,
+    VarHoverOverlay: stdin_default$5P
   },
   props: props$s,
   setup(props2) {
@@ -18447,10 +18516,10 @@ const __sfc__$x = vue.defineComponent({
   components: {
     VarMenuSelect: stdin_default$43,
     VarMenuOption: stdin_default$45,
-    VarIcon: stdin_default$5Q,
+    VarIcon: stdin_default$5R,
     VarInput: stdin_default$4f
   },
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   props: props$q,
   setup(props2) {
     const quickJumperValue = vue.ref("");
@@ -18657,7 +18726,7 @@ function __render__$v(_ctx, _cache) {
 }
 const __sfc__$w = vue.defineComponent({
   name: name$p,
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -18965,8 +19034,8 @@ function __render__$u(_ctx, _cache) {
 const __sfc__$v = vue.defineComponent({
   name: name$o,
   components: {
-    VarButton: stdin_default$5t,
-    VarPopup: stdin_default$5S
+    VarButton: stdin_default$5u,
+    VarPopup: stdin_default$5T
   },
   inheritAttrs: false,
   props: props$o,
@@ -19676,7 +19745,7 @@ function __render__$s(_ctx, _cache) {
 }
 const __sfc__$t = vue.defineComponent({
   name: name$m,
-  components: { VarIcon: stdin_default$5Q },
+  components: { VarIcon: stdin_default$5R },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -19966,11 +20035,11 @@ function __render__$r(_ctx, _cache) {
 }
 const __sfc__$s = vue.defineComponent({
   name: name$l,
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
-    VarIcon: stdin_default$5Q,
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarIcon: stdin_default$5R,
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
   inheritAttrs: false,
   props: props$l,
@@ -20153,7 +20222,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$59 },
+  components: { VarFormDetails: stdin_default$5a },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -20358,11 +20427,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$5Q,
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarIcon: stdin_default$5R,
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -21163,11 +21232,11 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$5Q,
+    VarIcon: stdin_default$5R,
     VarMenu: stdin_default$47,
     VarChip: stdin_default$53,
     VarFieldDecorator: stdin_default$4x,
-    VarFormDetails: stdin_default$59
+    VarFormDetails: stdin_default$5a
   },
   props: props$g,
   setup(props2) {
@@ -21837,10 +21906,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
-  directives: { Hover: stdin_default$5N },
+  directives: { Hover: stdin_default$5O },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -22383,8 +22452,8 @@ function __render__$d(_ctx, _cache) {
 const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: stdin_default$5v,
-    VarIcon: stdin_default$5Q
+    VarLoading: stdin_default$5w,
+    VarIcon: stdin_default$5R
   },
   props: props$d,
   setup(props2) {
@@ -22590,7 +22659,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$5V.zIndex
+          zIndex: stdin_default$5W.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -22939,7 +23008,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$5Q },
+  components: { VarIcon: stdin_default$5R },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -23217,10 +23286,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   props: props$8,
   setup(props2) {
     const switchRef = vue.ref(null);
@@ -23414,7 +23483,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$5U },
+  directives: { Ripple: stdin_default$5V },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -27952,12 +28021,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$5U, Hover: stdin_default$5N },
+  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
   components: {
-    VarIcon: stdin_default$5Q,
-    VarPopup: stdin_default$5S,
-    VarFormDetails: stdin_default$59,
-    VarHoverOverlay: stdin_default$5O
+    VarIcon: stdin_default$5R,
+    VarPopup: stdin_default$5T,
+    VarFormDetails: stdin_default$5a,
+    VarHoverOverlay: stdin_default$5P
   },
   props: props$1,
   setup(props2) {
@@ -28531,30 +28600,30 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.10";
+const version = "3.2.11";
 function install(app) {
-  stdin_default$5E.install && app.use(stdin_default$5E);
-  stdin_default$5C.install && app.use(stdin_default$5C);
-  stdin_default$5z.install && app.use(stdin_default$5z);
-  stdin_default$5x.install && app.use(stdin_default$5x);
-  stdin_default$5r.install && app.use(stdin_default$5r);
-  stdin_default$5p.install && app.use(stdin_default$5p);
-  stdin_default$5n.install && app.use(stdin_default$5n);
-  stdin_default$5l.install && app.use(stdin_default$5l);
-  stdin_default$5j.install && app.use(stdin_default$5j);
-  stdin_default$5h.install && app.use(stdin_default$5h);
-  stdin_default$5t.install && app.use(stdin_default$5t);
-  stdin_default$5f.install && app.use(stdin_default$5f);
-  stdin_default$5d.install && app.use(stdin_default$5d);
-  stdin_default$5b.install && app.use(stdin_default$5b);
-  stdin_default$57.install && app.use(stdin_default$57);
+  stdin_default$5F.install && app.use(stdin_default$5F);
+  stdin_default$5D.install && app.use(stdin_default$5D);
+  stdin_default$5A.install && app.use(stdin_default$5A);
+  stdin_default$5y.install && app.use(stdin_default$5y);
+  stdin_default$5s.install && app.use(stdin_default$5s);
+  stdin_default$5q.install && app.use(stdin_default$5q);
+  stdin_default$5o.install && app.use(stdin_default$5o);
+  stdin_default$5m.install && app.use(stdin_default$5m);
+  stdin_default$5k.install && app.use(stdin_default$5k);
+  stdin_default$5i.install && app.use(stdin_default$5i);
+  stdin_default$5u.install && app.use(stdin_default$5u);
+  stdin_default$5g.install && app.use(stdin_default$5g);
+  stdin_default$5e.install && app.use(stdin_default$5e);
+  stdin_default$5c.install && app.use(stdin_default$5c);
+  stdin_default$58.install && app.use(stdin_default$58);
   stdin_default$55.install && app.use(stdin_default$55);
   stdin_default$53.install && app.use(stdin_default$53);
   stdin_default$51.install && app.use(stdin_default$51);
   stdin_default$4$.install && app.use(stdin_default$4$);
   stdin_default$4Z.install && app.use(stdin_default$4Z);
   stdin_default$4X.install && app.use(stdin_default$4X);
-  stdin_default$5V.install && app.use(stdin_default$5V);
+  stdin_default$5W.install && app.use(stdin_default$5W);
   stdin_default$4V.install && app.use(stdin_default$4V);
   stdin_default$4T.install && app.use(stdin_default$4T);
   stdin_default$4L.install && app.use(stdin_default$4L);
@@ -28566,21 +28635,21 @@ function install(app) {
   stdin_default$4x.install && app.use(stdin_default$4x);
   stdin_default$4v.install && app.use(stdin_default$4v);
   stdin_default$4t.install && app.use(stdin_default$4t);
-  stdin_default$59.install && app.use(stdin_default$59);
-  stdin_default$5N.install && app.use(stdin_default$5N);
+  stdin_default$5a.install && app.use(stdin_default$5a);
   stdin_default$5O.install && app.use(stdin_default$5O);
-  stdin_default$5Q.install && app.use(stdin_default$5Q);
+  stdin_default$5P.install && app.use(stdin_default$5P);
+  stdin_default$5R.install && app.use(stdin_default$5R);
   stdin_default$4r.install && app.use(stdin_default$4r);
   stdin_default$4l.install && app.use(stdin_default$4l);
   stdin_default$4j.install && app.use(stdin_default$4j);
   stdin_default$4h.install && app.use(stdin_default$4h);
   stdin_default$4f.install && app.use(stdin_default$4f);
-  stdin_default$5B.install && app.use(stdin_default$5B);
+  stdin_default$5C.install && app.use(stdin_default$5C);
   stdin_default$4d.install && app.use(stdin_default$4d);
   stdin_default$4b.install && app.use(stdin_default$4b);
-  stdin_default$5v.install && app.use(stdin_default$5v);
+  stdin_default$5w.install && app.use(stdin_default$5w);
   stdin_default$49.install && app.use(stdin_default$49);
-  stdin_default$5G.install && app.use(stdin_default$5G);
+  stdin_default$5H.install && app.use(stdin_default$5H);
   stdin_default$47.install && app.use(stdin_default$47);
   stdin_default$45.install && app.use(stdin_default$45);
   stdin_default$43.install && app.use(stdin_default$43);
@@ -28589,14 +28658,14 @@ function install(app) {
   stdin_default$3Z.install && app.use(stdin_default$3Z);
   stdin_default$3X.install && app.use(stdin_default$3X);
   stdin_default$3V.install && app.use(stdin_default$3V);
-  stdin_default$5S.install && app.use(stdin_default$5S);
+  stdin_default$5T.install && app.use(stdin_default$5T);
   stdin_default$3T.install && app.use(stdin_default$3T);
   stdin_default$3R.install && app.use(stdin_default$3R);
   stdin_default$3P.install && app.use(stdin_default$3P);
   stdin_default$3N.install && app.use(stdin_default$3N);
   stdin_default$3L.install && app.use(stdin_default$3L);
   stdin_default$3D.install && app.use(stdin_default$3D);
-  stdin_default$5U.install && app.use(stdin_default$5U);
+  stdin_default$5V.install && app.use(stdin_default$5V);
   stdin_default$3B.install && app.use(stdin_default$3B);
   stdin_default$3z.install && app.use(stdin_default$3z);
   stdin_default$3x.install && app.use(stdin_default$3x);
@@ -28624,28 +28693,28 @@ function install(app) {
 const index_bundle = {
   version,
   install,
-  ActionSheet: stdin_default$5E,
-  AppBar: stdin_default$5C,
-  Avatar: stdin_default$5z,
-  AvatarGroup: stdin_default$5x,
-  BackTop: stdin_default$5r,
-  Badge: stdin_default$5p,
-  BottomNavigation: stdin_default$5n,
-  BottomNavigationItem: stdin_default$5l,
-  Breadcrumb: stdin_default$5j,
-  Breadcrumbs: stdin_default$5h,
-  Button: stdin_default$5t,
-  ButtonGroup: stdin_default$5f,
-  Card: stdin_default$5d,
-  Cell: stdin_default$5b,
-  Checkbox: stdin_default$57,
+  ActionSheet: stdin_default$5F,
+  AppBar: stdin_default$5D,
+  Avatar: stdin_default$5A,
+  AvatarGroup: stdin_default$5y,
+  BackTop: stdin_default$5s,
+  Badge: stdin_default$5q,
+  BottomNavigation: stdin_default$5o,
+  BottomNavigationItem: stdin_default$5m,
+  Breadcrumb: stdin_default$5k,
+  Breadcrumbs: stdin_default$5i,
+  Button: stdin_default$5u,
+  ButtonGroup: stdin_default$5g,
+  Card: stdin_default$5e,
+  Cell: stdin_default$5c,
+  Checkbox: stdin_default$58,
   CheckboxGroup: stdin_default$55,
   Chip: stdin_default$53,
   Col: stdin_default$51,
   Collapse: stdin_default$4$,
   CollapseItem: stdin_default$4Z,
   CollapseTransition: stdin_default$4X,
-  Context: stdin_default$5V,
+  Context: stdin_default$5W,
   Countdown: stdin_default$4V,
   Counter: stdin_default$4T,
   DatePicker: stdin_default$4L,
@@ -28657,21 +28726,21 @@ const index_bundle = {
   FieldDecorator: stdin_default$4x,
   FloatingPanel: stdin_default$4v,
   Form: stdin_default$4t,
-  FormDetails: stdin_default$59,
-  Hover: stdin_default$5N,
-  HoverOverlay: stdin_default$5O,
-  Icon: stdin_default$5Q,
+  FormDetails: stdin_default$5a,
+  Hover: stdin_default$5O,
+  HoverOverlay: stdin_default$5P,
+  Icon: stdin_default$5R,
   Image: stdin_default$4r,
   ImagePreview: stdin_default$4l,
   IndexAnchor: stdin_default$4j,
   IndexBar: stdin_default$4h,
   Input: stdin_default$4f,
-  Lazy: stdin_default$5B,
+  Lazy: stdin_default$5C,
   Link: stdin_default$4d,
   List: stdin_default$4b,
-  Loading: stdin_default$5v,
+  Loading: stdin_default$5w,
   LoadingBar: stdin_default$49,
-  Locale: stdin_default$5G,
+  Locale: stdin_default$5H,
   Menu: stdin_default$47,
   MenuOption: stdin_default$45,
   MenuSelect: stdin_default$43,
@@ -28680,14 +28749,14 @@ const index_bundle = {
   Pagination: stdin_default$3Z,
   Paper: stdin_default$3X,
   Picker: stdin_default$3V,
-  Popup: stdin_default$5S,
+  Popup: stdin_default$5T,
   Progress: stdin_default$3T,
   PullRefresh: stdin_default$3R,
   Radio: stdin_default$3P,
   RadioGroup: stdin_default$3N,
   Rate: stdin_default$3L,
   Result: stdin_default$3D,
-  Ripple: stdin_default$5U,
+  Ripple: stdin_default$5V,
   Row: stdin_default$3B,
   Select: stdin_default$3z,
   Skeleton: stdin_default$3x,
@@ -28712,28 +28781,28 @@ const index_bundle = {
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-exports.ActionSheet = stdin_default$5E;
-exports.AppBar = stdin_default$5C;
-exports.Avatar = stdin_default$5z;
-exports.AvatarGroup = stdin_default$5x;
-exports.BackTop = stdin_default$5r;
-exports.Badge = stdin_default$5p;
-exports.BottomNavigation = stdin_default$5n;
-exports.BottomNavigationItem = stdin_default$5l;
-exports.Breadcrumb = stdin_default$5j;
-exports.Breadcrumbs = stdin_default$5h;
-exports.Button = stdin_default$5t;
-exports.ButtonGroup = stdin_default$5f;
-exports.Card = stdin_default$5d;
-exports.Cell = stdin_default$5b;
-exports.Checkbox = stdin_default$57;
+exports.ActionSheet = stdin_default$5F;
+exports.AppBar = stdin_default$5D;
+exports.Avatar = stdin_default$5A;
+exports.AvatarGroup = stdin_default$5y;
+exports.BackTop = stdin_default$5s;
+exports.Badge = stdin_default$5q;
+exports.BottomNavigation = stdin_default$5o;
+exports.BottomNavigationItem = stdin_default$5m;
+exports.Breadcrumb = stdin_default$5k;
+exports.Breadcrumbs = stdin_default$5i;
+exports.Button = stdin_default$5u;
+exports.ButtonGroup = stdin_default$5g;
+exports.Card = stdin_default$5e;
+exports.Cell = stdin_default$5c;
+exports.Checkbox = stdin_default$58;
 exports.CheckboxGroup = stdin_default$55;
 exports.Chip = stdin_default$53;
 exports.Col = stdin_default$51;
 exports.Collapse = stdin_default$4$;
 exports.CollapseItem = stdin_default$4Z;
 exports.CollapseTransition = stdin_default$4X;
-exports.Context = stdin_default$5V;
+exports.Context = stdin_default$5W;
 exports.Countdown = stdin_default$4V;
 exports.Counter = stdin_default$4T;
 exports.DatePicker = stdin_default$4L;
@@ -28745,21 +28814,21 @@ exports.Fab = stdin_default$4z;
 exports.FieldDecorator = stdin_default$4x;
 exports.FloatingPanel = stdin_default$4v;
 exports.Form = stdin_default$4t;
-exports.FormDetails = stdin_default$59;
-exports.Hover = stdin_default$5N;
-exports.HoverOverlay = stdin_default$5O;
-exports.Icon = stdin_default$5Q;
+exports.FormDetails = stdin_default$5a;
+exports.Hover = stdin_default$5O;
+exports.HoverOverlay = stdin_default$5P;
+exports.Icon = stdin_default$5R;
 exports.Image = stdin_default$4r;
 exports.ImagePreview = stdin_default$4l;
 exports.IndexAnchor = stdin_default$4j;
 exports.IndexBar = stdin_default$4h;
 exports.Input = stdin_default$4f;
-exports.Lazy = stdin_default$5B;
+exports.Lazy = stdin_default$5C;
 exports.Link = stdin_default$4d;
 exports.List = stdin_default$4b;
-exports.Loading = stdin_default$5v;
+exports.Loading = stdin_default$5w;
 exports.LoadingBar = stdin_default$49;
-exports.Locale = stdin_default$5G;
+exports.Locale = stdin_default$5H;
 exports.Menu = stdin_default$47;
 exports.MenuOption = stdin_default$45;
 exports.MenuSelect = stdin_default$43;
@@ -28769,14 +28838,14 @@ exports.PIXEL = PIXEL;
 exports.Pagination = stdin_default$3Z;
 exports.Paper = stdin_default$3X;
 exports.Picker = stdin_default$3V;
-exports.Popup = stdin_default$5S;
+exports.Popup = stdin_default$5T;
 exports.Progress = stdin_default$3T;
 exports.PullRefresh = stdin_default$3R;
 exports.Radio = stdin_default$3P;
 exports.RadioGroup = stdin_default$3N;
 exports.Rate = stdin_default$3L;
 exports.Result = stdin_default$3D;
-exports.Ripple = stdin_default$5U;
+exports.Ripple = stdin_default$5V;
 exports.Row = stdin_default$3B;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$3z;
@@ -28920,7 +28989,7 @@ exports.dialogProps = props$O;
 exports.dividerProps = props$N;
 exports.dragProps = props$M;
 exports.ellipsisProps = props$K;
-exports.enUS = stdin_default$5K;
+exports.enUS = stdin_default$5L;
 exports.fabProps = props$J;
 exports.fieldDecoratorProps = props$I;
 exports.formDetailsProps = props$_;
@@ -28981,4 +29050,4 @@ exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$5L;
+exports.zhCN = stdin_default$5M;