@varlet/ui 3.2.13 → 3.2.14-alpha.1717685185218

package/lib/varlet.cjs.js

@@ -7,7 +7,7 @@ const context = {
   enableRipple: true
 };
 const _ContextComponent = vue.reactive(context);
-var stdin_default$5W = vue.reactive(context);
+var stdin_default$5X = vue.reactive(context);
 var __defProp$x = Object.defineProperty;
 var __defProps$a = Object.defineProperties;
 var __getOwnPropDescs$a = Object.getOwnPropertyDescriptors;
@@ -850,7 +850,7 @@ function computeRippleStyles(element, event) {
 function createRipple(event) {
   const _ripple = this._ripple;
   _ripple.removeRipple();
-  if (_ripple.disabled || _ripple.tasker || !stdin_default$5W.enableRipple) {
+  if (_ripple.disabled || _ripple.tasker || !stdin_default$5X.enableRipple) {
     return;
   }
   const task = () => {
@@ -893,7 +893,7 @@ function removeRipple() {
   _ripple.tasker ? window.setTimeout(task, 30) : task();
 }
 function forbidRippleTask() {
-  if (!supportTouch() || !stdin_default$5W.enableRipple) {
+  if (!supportTouch() || !stdin_default$5X.enableRipple) {
     return;
   }
   const _ripple = this._ripple;
@@ -966,7 +966,7 @@ const Ripple = {
   }
 };
 const _RippleComponent = Ripple;
-var stdin_default$5V = Ripple;
+var stdin_default$5W = Ripple;
 const props$1g = {
   show: Boolean,
   position: {
@@ -1013,15 +1013,15 @@ const props$1g = {
   onRouteChange: defineListenerProp()
 };
 function resolveLock() {
-  const lockCounts = Object.keys(stdin_default$5W.locks).length;
+  const lockCounts = Object.keys(stdin_default$5X.locks).length;
   lockCounts <= 0 ? document.body.classList.remove("var--lock") : document.body.classList.add("var--lock");
 }
 function addLock(uid) {
-  stdin_default$5W.locks[uid] = 1;
+  stdin_default$5X.locks[uid] = 1;
   resolveLock();
 }
 function releaseLock(uid) {
-  delete stdin_default$5W.locks[uid];
+  delete stdin_default$5X.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$5W.zIndex);
+  const zIndex = vue.ref(stdin_default$5X.zIndex);
   vue.watch(
     source,
     (newValue) => {
       if (newValue) {
-        stdin_default$5W.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
-        zIndex.value = stdin_default$5W.zIndex;
+        stdin_default$5X.zIndex += process.env.NODE_ENV === "test" ? 0 : count;
+        zIndex.value = stdin_default$5X.zIndex;
       }
     },
     { immediate: true }
@@ -1166,12 +1166,12 @@ var __spreadValues$t = (a, b) => {
   return a;
 };
 const {
-  name: name$1i,
+  name: name$1j,
   n: n$1o,
   classes: classes$1a
 } = createNamespace("popup");
-var stdin_default$5U = vue.defineComponent({
-  name: name$1i,
+var stdin_default$5V = vue.defineComponent({
+  name: name$1j,
   inheritAttrs: false,
   props: props$1g,
   setup(props2, {
@@ -1279,10 +1279,10 @@ var stdin_default$5U = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$5U);
-withPropsDefaultsSetter(stdin_default$5U, props$1g);
-const _PopupComponent = stdin_default$5U;
-var stdin_default$5T = stdin_default$5U;
+withInstall(stdin_default$5V);
+withPropsDefaultsSetter(stdin_default$5V, props$1g);
+const _PopupComponent = stdin_default$5V;
+var stdin_default$5U = stdin_default$5V;
 const props$1f = {
   name: String,
   size: [Number, String],
@@ -1501,7 +1501,7 @@ var __async$h = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$1h, n: n$1n, classes: classes$19 } = createNamespace("icon");
+const { name: name$1i, n: n$1n, classes: classes$19 } = createNamespace("icon");
 function __render__$1n(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.isURL(_ctx.name) ? "img" : "i"), {
     class: vue.normalizeClass(
@@ -1525,7 +1525,7 @@ function __render__$1n(_ctx, _cache) {
   }, null, 8, ["class", "style", "src", "onClick"]);
 }
 const __sfc__$1o = vue.defineComponent({
-  name: name$1h,
+  name: name$1i,
   props: props$1f,
   setup(props2) {
     const nextName = vue.ref("");
@@ -1560,16 +1560,16 @@ const __sfc__$1o = vue.defineComponent({
   }
 });
 __sfc__$1o.render = __render__$1n;
-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;
+var stdin_default$5T = __sfc__$1o;
+withInstall(stdin_default$5T);
+withPropsDefaultsSetter(stdin_default$5T, props$1f);
+const _IconComponent = stdin_default$5T;
+var stdin_default$5S = stdin_default$5T;
 const props$1e = {
   hovering: Boolean,
   focusing: Boolean
 };
-const { name: name$1g, n: n$1m, classes: classes$18 } = createNamespace("hover-overlay");
+const { name: name$1h, n: n$1m, classes: classes$18 } = createNamespace("hover-overlay");
 function __render__$1m(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -1582,7 +1582,7 @@ function __render__$1m(_ctx, _cache) {
   );
 }
 const __sfc__$1n = vue.defineComponent({
-  name: name$1g,
+  name: name$1h,
   props: props$1e,
   setup: () => ({
     n: n$1m,
@@ -1591,9 +1591,9 @@ const __sfc__$1n = vue.defineComponent({
   })
 });
 __sfc__$1n.render = __render__$1m;
-var stdin_default$5Q = __sfc__$1n;
-withInstall(stdin_default$5Q);
-withPropsDefaultsSetter(stdin_default$5Q, props$1e);
+var stdin_default$5R = __sfc__$1n;
+withInstall(stdin_default$5R);
+withPropsDefaultsSetter(stdin_default$5R, props$1e);
 function useHoverOverlay() {
   const hovering = vue.ref(false);
   const handleHovering = (value) => {
@@ -1604,8 +1604,8 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-const _HoverOverlayComponent = stdin_default$5Q;
-var stdin_default$5P = stdin_default$5Q;
+const _HoverOverlayComponent = stdin_default$5R;
+var stdin_default$5Q = stdin_default$5R;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -1727,8 +1727,8 @@ const Hover = {
   }
 };
 const _HoverComponent = Hover;
-var stdin_default$5O = Hover;
-const { name: name$1f, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
+var stdin_default$5P = Hover;
+const { name: name$1g, n: n$1l, classes: classes$17 } = createNamespace("action-sheet");
 function __render__$1l(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
   const _component_var_hover_overlay = vue.resolveComponent("var-hover-overlay");
@@ -1770,12 +1770,12 @@ function __render__$1l(_ctx, _cache) {
   ]);
 }
 const __sfc__$1m = vue.defineComponent({
-  name: name$1f,
+  name: name$1g,
   components: {
-    VarHoverOverlay: stdin_default$5P,
-    VarIcon: stdin_default$5R
+    VarHoverOverlay: stdin_default$5Q,
+    VarIcon: stdin_default$5S
   },
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   props: {
     name: String,
     className: String,
@@ -1796,7 +1796,7 @@ const __sfc__$1m = vue.defineComponent({
   }
 });
 __sfc__$1m.render = __render__$1l;
-var stdin_default$5N = __sfc__$1m;
+var stdin_default$5O = __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$5M = {
+var stdin_default$5N = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "确认",
@@ -1949,7 +1949,7 @@ var stdin_default$5M = {
   // time-picker
   timePickerHint: "选择时间"
 };
-var stdin_default$5L = {
+var stdin_default$5M = {
   // Dialog
   dialogTitle: "Hint",
   dialogConfirmButtonText: "Confirm",
@@ -2054,7 +2054,7 @@ var stdin_default$5L = {
   // time-picker
   timePickerHint: "SELECT TIME"
 };
-var stdin_default$5K = {
+var stdin_default$5L = {
   // Dialog
   dialogTitle: "提示",
   dialogConfirmButtonText: "確認",
@@ -2156,8 +2156,8 @@ var stdin_default$5K = {
   paginationPage: "頁",
   paginationJump: "前往"
 };
-var stdin_default$5J = stdin_default$5K;
-var stdin_default$5I = {
+var stdin_default$5K = stdin_default$5L;
+var stdin_default$5J = {
   // 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$5M);
+add$2("zh-CN", stdin_default$5N);
 use("zh-CN");
-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,
+const _LocaleComponent = { zhCN: stdin_default$5N, enUS: stdin_default$5M, messages, currentMessage, add: add$2, use, merge, t, useLocale };
+var stdin_default$5I = {
+  zhCN: stdin_default$5N,
+  enUS: stdin_default$5M,
+  zhTW: stdin_default$5L,
+  zhHK: stdin_default$5K,
+  faIR: stdin_default$5J,
   messages,
   currentMessage,
   add: add$2,
@@ -2332,7 +2332,7 @@ var stdin_default$5H = {
   t,
   useLocale
 };
-const { name: name$1e, n: n$1k, classes: classes$16 } = createNamespace("action-sheet");
+const { name: name$1f, n: n$1k, classes: classes$16 } = createNamespace("action-sheet");
 function __render__$1k(_ctx, _cache) {
   const _component_var_action_item = vue.resolveComponent("var-action-item");
   const _component_var_popup = vue.resolveComponent("var-popup");
@@ -2407,11 +2407,11 @@ function __render__$1k(_ctx, _cache) {
   }, 8, ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
 }
 const __sfc__$1l = vue.defineComponent({
-  name: name$1e,
-  directives: { Ripple: stdin_default$5V },
+  name: name$1f,
+  directives: { Ripple: stdin_default$5W },
   components: {
-    VarPopup: stdin_default$5T,
-    VarActionItem: stdin_default$5N
+    VarPopup: stdin_default$5U,
+    VarActionItem: stdin_default$5O
   },
   inheritAttrs: false,
   props: props$1d,
@@ -2437,7 +2437,7 @@ const __sfc__$1l = vue.defineComponent({
   }
 });
 __sfc__$1l.render = __render__$1k;
-var stdin_default$5G = __sfc__$1l;
+var stdin_default$5H = __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$5G, reactiveActionSheetOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$5H, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -2508,12 +2508,12 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = stdin_default$5G;
-withInstall(stdin_default$5G);
-withInstall(stdin_default$5G, ActionSheet);
+ActionSheet.Component = stdin_default$5H;
+withInstall(stdin_default$5H);
+withInstall(stdin_default$5H, ActionSheet);
 withPropsDefaultsSetter(ActionSheet, props$1d);
-const _ActionSheetComponent = stdin_default$5G;
-var stdin_default$5F = ActionSheet;
+const _ActionSheetComponent = stdin_default$5H;
+var stdin_default$5G = ActionSheet;
 const props$1c = {
   color: String,
   textColor: String,
@@ -2534,92 +2534,71 @@ const props$1c = {
     type: [Number, String],
     default: 1
   },
-  fixed: Boolean
+  fixed: Boolean,
+  placeholder: Boolean
 };
-const { name: name$1d, n: n$1j, classes: classes$15 } = createNamespace("app-bar");
+const { name: name$1e, n: n$1j, classes: classes$15 } = createNamespace("app-bar");
 function __render__$1j(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
-    "div",
-    {
-      class: vue.normalizeClass(
-        _ctx.classes(
-          _ctx.n(),
-          _ctx.n("$--box"),
-          [_ctx.safeAreaTop, _ctx.n("--safe-area-top")],
-          [_ctx.round, _ctx.n("--round")],
-          [_ctx.fixed, _ctx.n("--fixed")],
-          _ctx.formatElevation(_ctx.elevation, 3)
-        )
-      ),
-      style: vue.normalizeStyle(_ctx.rootStyles)
-    },
+    vue.Fragment,
+    null,
     [
       vue.createElementVNode(
         "div",
-        {
-          class: vue.normalizeClass(_ctx.n("toolbar"))
-        },
+        vue.mergeProps({
+          class: _ctx.classes(
+            _ctx.n(),
+            _ctx.n("$--box"),
+            [_ctx.safeAreaTop, _ctx.n("--safe-area-top")],
+            [_ctx.round, _ctx.n("--round")],
+            [_ctx.fixed, _ctx.n("--fixed")],
+            _ctx.formatElevation(_ctx.elevation, 3)
+          ),
+          ref: "appBar",
+          style: _ctx.rootStyles
+        }, _ctx.$attrs),
         [
           vue.createElementVNode(
             "div",
             {
-              class: vue.normalizeClass(_ctx.n("left"))
+              class: vue.normalizeClass(_ctx.n("toolbar"))
             },
             [
-              vue.renderSlot(_ctx.$slots, "left"),
-              _ctx.titlePosition === "left" ? (vue.openBlock(), vue.createElementBlock(
+              vue.createElementVNode(
                 "div",
                 {
-                  key: 0,
-                  class: vue.normalizeClass(_ctx.n("title")),
-                  style: vue.normalizeStyle({ paddingLeft: _ctx.paddingLeft })
+                  class: vue.normalizeClass(_ctx.n("left"))
                 },
                 [
-                  vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                    vue.createTextVNode(
-                      vue.toDisplayString(_ctx.title),
-                      1
-                      /* TEXT */
-                    )
-                  ])
+                  vue.renderSlot(_ctx.$slots, "left"),
+                  _ctx.titlePosition === "left" ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: vue.normalizeClass(_ctx.n("title")),
+                      style: vue.normalizeStyle({ paddingLeft: _ctx.paddingLeft })
+                    },
+                    [
+                      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.title),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : vue.createCommentVNode("v-if", true)
                 ],
-                6
-                /* CLASS, STYLE */
-              )) : vue.createCommentVNode("v-if", true)
-            ],
-            2
-            /* CLASS */
-          ),
-          _ctx.titlePosition === "center" ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.n("title"))
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                vue.createTextVNode(
-                  vue.toDisplayString(_ctx.title),
-                  1
-                  /* TEXT */
-                )
-              ])
-            ],
-            2
-            /* CLASS */
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(_ctx.n("right"))
-            },
-            [
-              _ctx.titlePosition === "right" ? (vue.openBlock(), vue.createElementBlock(
+                2
+                /* CLASS */
+              ),
+              _ctx.titlePosition === "center" ? (vue.openBlock(), vue.createElementBlock(
                 "div",
                 {
                   key: 0,
-                  class: vue.normalizeClass(_ctx.n("title")),
-                  style: vue.normalizeStyle({ paddingRight: _ctx.paddingRight })
+                  class: vue.normalizeClass(_ctx.n("title"))
                 },
                 [
                   vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -2630,30 +2609,72 @@ function __render__$1j(_ctx, _cache) {
                     )
                   ])
                 ],
-                6
-                /* CLASS, STYLE */
+                2
+                /* CLASS */
               )) : vue.createCommentVNode("v-if", true),
-              vue.renderSlot(_ctx.$slots, "right")
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(_ctx.n("right"))
+                },
+                [
+                  _ctx.titlePosition === "right" ? (vue.openBlock(), vue.createElementBlock(
+                    "div",
+                    {
+                      key: 0,
+                      class: vue.normalizeClass(_ctx.n("title")),
+                      style: vue.normalizeStyle({ paddingRight: _ctx.paddingRight })
+                    },
+                    [
+                      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.title),
+                          1
+                          /* TEXT */
+                        )
+                      ])
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.renderSlot(_ctx.$slots, "right")
+                ],
+                2
+                /* CLASS */
+              )
             ],
             2
             /* CLASS */
-          )
+          ),
+          vue.renderSlot(_ctx.$slots, "content")
         ],
-        2
-        /* CLASS */
+        16
+        /* FULL_PROPS */
       ),
-      vue.renderSlot(_ctx.$slots, "content")
+      _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__$1k = vue.defineComponent({
-  name: name$1d,
+  name: name$1e,
   props: props$1c,
   setup(props2, { slots }) {
+    const appBar = vue.ref(null);
     const paddingLeft = vue.ref();
     const paddingRight = vue.ref();
+    const placeholderHeight = vue.ref();
     const rootStyles = vue.computed(() => {
       const { image, color, textColor, imageLinearGradient, zIndex } = props2;
       if (image != null) {
@@ -2671,28 +2692,41 @@ const __sfc__$1k = vue.defineComponent({
         "z-index": zIndex
       };
     });
-    onSmartMounted(computePadding);
+    onWindowResize(resizePlaceholder);
+    onSmartMounted(() => {
+      computePadding();
+      resizePlaceholder();
+    });
     vue.onUpdated(computePadding);
     function computePadding() {
       paddingLeft.value = slots.left ? 0 : void 0;
       paddingRight.value = slots.right ? 0 : void 0;
     }
+    function resizePlaceholder() {
+      if (!props2.fixed || !props2.placeholder) {
+        return;
+      }
+      const { height } = getRect(appBar.value);
+      placeholderHeight.value = `${height}px`;
+    }
     return {
       rootStyles,
       paddingLeft,
       paddingRight,
       n: n$1j,
       classes: classes$15,
-      formatElevation
+      formatElevation,
+      appBar,
+      placeholderHeight
     };
   }
 });
 __sfc__$1k.render = __render__$1j;
-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;
+var stdin_default$5F = __sfc__$1k;
+withInstall(stdin_default$5F);
+withPropsDefaultsSetter(stdin_default$5F, props$1c);
+const _AppBarComponent = stdin_default$5F;
+var stdin_default$5E = stdin_default$5F;
 const isHTMLSupportImage = (val) => {
   if (!isString(val)) {
     return false;
@@ -2943,7 +2977,7 @@ const Lazy = {
   }
 };
 const _LazyComponent = Lazy;
-var stdin_default$5C = Lazy;
+var stdin_default$5D = Lazy;
 const props$1b = {
   round: {
     type: Boolean,
@@ -2971,7 +3005,7 @@ const props$1b = {
   onError: defineListenerProp()
 };
 const isInternalSize$1 = (size) => ["mini", "small", "normal", "large"].includes(size);
-const { name: name$1c, n: n$1i, classes: classes$14 } = createNamespace("avatar");
+const { name: name$1d, n: n$1i, classes: classes$14 } = createNamespace("avatar");
 const _hoisted_1$y = ["src", "alt", "lazy-loading", "lazy-error"];
 const _hoisted_2$g = ["src", "alt"];
 function __render__$1i(_ctx, _cache) {
@@ -3048,8 +3082,8 @@ function __render__$1i(_ctx, _cache) {
   );
 }
 const __sfc__$1j = vue.defineComponent({
-  name: name$1c,
-  directives: { Lazy: stdin_default$5C },
+  name: name$1d,
+  directives: { Lazy: stdin_default$5D },
   props: props$1b,
   setup(props2) {
     const avatarElement = vue.ref(null);
@@ -3101,16 +3135,16 @@ const __sfc__$1j = vue.defineComponent({
   }
 });
 __sfc__$1j.render = __render__$1i;
-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;
+var stdin_default$5C = __sfc__$1j;
+withInstall(stdin_default$5C);
+withPropsDefaultsSetter(stdin_default$5C, props$1b);
+const _AvatarComponent = stdin_default$5C;
+var stdin_default$5B = stdin_default$5C;
 const props$1a = {
   offset: [Number, String],
   vertical: Boolean
 };
-const { name: name$1b, n: n$1h, classes: classes$13 } = createNamespace("avatar-group");
+const { name: name$1c, n: n$1h, classes: classes$13 } = createNamespace("avatar-group");
 function __render__$1h(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -3126,7 +3160,7 @@ function __render__$1h(_ctx, _cache) {
   );
 }
 const __sfc__$1i = vue.defineComponent({
-  name: name$1b,
+  name: name$1c,
   props: props$1a,
   setup(props2) {
     const rootStyles = vue.computed(() => {
@@ -3145,11 +3179,11 @@ const __sfc__$1i = vue.defineComponent({
   }
 });
 __sfc__$1i.render = __render__$1h;
-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;
+var stdin_default$5A = __sfc__$1i;
+withInstall(stdin_default$5A);
+withPropsDefaultsSetter(stdin_default$5A, props$1a);
+const _AvatarGroupComponent = stdin_default$5A;
+var stdin_default$5z = stdin_default$5A;
 const props$19 = {
   type: {
     type: String,
@@ -3164,7 +3198,7 @@ const props$19 = {
   description: String,
   loading: Boolean
 };
-const { name: name$1a, n: n$1g, classes: classes$12 } = createNamespace("loading");
+const { name: name$1b, n: n$1g, classes: classes$12 } = createNamespace("loading");
 const _withScopeId$6 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$x = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ vue.createElementVNode(
   "svg",
@@ -3319,7 +3353,7 @@ function __render__$1g(_ctx, _cache) {
   );
 }
 const __sfc__$1h = vue.defineComponent({
-  name: name$1a,
+  name: name$1b,
   props: props$19,
   setup(props2, { slots }) {
     const isShow = vue.computed(() => {
@@ -3344,11 +3378,11 @@ const __sfc__$1h = vue.defineComponent({
   }
 });
 __sfc__$1h.render = __render__$1g;
-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 stdin_default$5y = __sfc__$1h;
+withInstall(stdin_default$5y);
+withPropsDefaultsSetter(stdin_default$5y, props$19);
+const _LoadingComponent = stdin_default$5y;
+var stdin_default$5x = stdin_default$5y;
 var __defProp$o = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
 var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
@@ -3421,7 +3455,7 @@ function useButtonGroup() {
     bindButtonGroup: bindParent
   };
 }
-const { name: name$19, n: n$1f, classes: classes$11 } = createNamespace("button");
+const { name: name$1a, n: n$1f, classes: classes$11 } = createNamespace("button");
 const _hoisted_1$w = ["type", "disabled"];
 function __render__$1f(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
@@ -3487,12 +3521,12 @@ function __render__$1f(_ctx, _cache) {
   ]);
 }
 const __sfc__$1g = vue.defineComponent({
-  name: name$19,
+  name: name$1a,
   components: {
-    VarLoading: stdin_default$5w,
-    VarHoverOverlay: stdin_default$5P
+    VarLoading: stdin_default$5x,
+    VarHoverOverlay: stdin_default$5Q
   },
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   props: props$18,
   setup(props2) {
     const isFocusing = vue.ref(false);
@@ -3563,11 +3597,11 @@ const __sfc__$1g = vue.defineComponent({
   }
 });
 __sfc__$1g.render = __render__$1f;
-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;
+var stdin_default$5w = __sfc__$1g;
+withInstall(stdin_default$5w);
+withPropsDefaultsSetter(stdin_default$5w, props$18);
+const _ButtonComponent = stdin_default$5w;
+var stdin_default$5v = stdin_default$5w;
 const props$17 = {
   visibilityHeight: {
     type: [Number, String],
@@ -3586,7 +3620,7 @@ const props$17 = {
   target: [String, Object],
   onClick: defineListenerProp()
 };
-const { name: name$18, n: n$1e, classes: classes$10 } = createNamespace("back-top");
+const { name: name$19, 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");
@@ -3627,10 +3661,10 @@ function __render__$1e(_ctx, _cache) {
   ], 8, ["disabled"]);
 }
 const __sfc__$1f = vue.defineComponent({
-  name: name$18,
+  name: name$19,
   components: {
-    VarButton: stdin_default$5u,
-    VarIcon: stdin_default$5R
+    VarButton: stdin_default$5v,
+    VarIcon: stdin_default$5S
   },
   inheritAttrs: false,
   props: props$17,
@@ -3686,11 +3720,11 @@ const __sfc__$1f = vue.defineComponent({
   }
 });
 __sfc__$1f.render = __render__$1e;
-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;
+var stdin_default$5u = __sfc__$1f;
+withInstall(stdin_default$5u);
+withPropsDefaultsSetter(stdin_default$5u, props$17);
+const _BackTopComponent = stdin_default$5u;
+var stdin_default$5t = stdin_default$5u;
 const props$16 = {
   type: {
     type: String,
@@ -3735,7 +3769,7 @@ var __spreadValues$n = (a, b) => {
     }
   return a;
 };
-const { name: name$17, n: n$1d, classes: classes$$ } = createNamespace("badge");
+const { name: name$18, n: n$1d, classes: classes$$ } = createNamespace("badge");
 const _hoisted_1$v = { key: 0 };
 function __render__$1d(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -3796,8 +3830,8 @@ function __render__$1d(_ctx, _cache) {
   );
 }
 const __sfc__$1e = vue.defineComponent({
-  name: name$17,
-  components: { VarIcon: stdin_default$5R },
+  name: name$18,
+  components: { VarIcon: stdin_default$5S },
   inheritAttrs: false,
   props: props$16,
   setup(props2) {
@@ -3818,11 +3852,11 @@ const __sfc__$1e = vue.defineComponent({
   }
 });
 __sfc__$1e.render = __render__$1d;
-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;
+var stdin_default$5s = __sfc__$1e;
+withInstall(stdin_default$5s);
+withPropsDefaultsSetter(stdin_default$5s, props$16);
+const _BadgeComponent = stdin_default$5s;
+var stdin_default$5r = stdin_default$5s;
 const props$15 = {
   active: {
     type: [Number, String],
@@ -3874,7 +3908,7 @@ var __spreadValues$m = (a, b) => {
     }
   return a;
 };
-const { name: name$16, n: n$1c, classes: classes$_ } = createNamespace("bottom-navigation");
+const { name: name$17, 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");
@@ -3937,8 +3971,8 @@ function __render__$1c(_ctx, _cache) {
   );
 }
 const __sfc__$1d = vue.defineComponent({
-  name: name$16,
-  components: { VarButton: stdin_default$5u },
+  name: name$17,
+  components: { VarButton: stdin_default$5v },
   props: props$15,
   setup(props2, { slots }) {
     const bottomNavigationDom = vue.ref(null);
@@ -3965,6 +3999,7 @@ const __sfc__$1d = vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
+    onWindowResize(resizePlaceholder);
     onSmartMounted(() => {
       resizePlaceholder();
       if (!slots.fab) {
@@ -4072,11 +4107,11 @@ const __sfc__$1d = vue.defineComponent({
   }
 });
 __sfc__$1d.render = __render__$1c;
-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;
+var stdin_default$5q = __sfc__$1d;
+withInstall(stdin_default$5q);
+withPropsDefaultsSetter(stdin_default$5q, props$15);
+const _BottomNavigationComponent = stdin_default$5q;
+var stdin_default$5p = stdin_default$5q;
 const props$14 = {
   name: String,
   label: String,
@@ -4101,7 +4136,7 @@ function useBottomNavigation() {
     bindBottomNavigation: bindParent
   };
 }
-const { name: name$15, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
+const { name: name$16, n: n$1b, classes: classes$Z } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",
   dot: true
@@ -4190,12 +4225,12 @@ function __render__$1b(_ctx, _cache) {
   ]);
 }
 const __sfc__$1c = vue.defineComponent({
-  name: name$15,
+  name: name$16,
   components: {
-    VarBadge: stdin_default$5q,
-    VarIcon: stdin_default$5R
+    VarBadge: stdin_default$5r,
+    VarIcon: stdin_default$5S
   },
-  directives: { Ripple: stdin_default$5V },
+  directives: { Ripple: stdin_default$5W },
   props: props$14,
   setup(props2) {
     const name2 = vue.computed(() => props2.name);
@@ -4227,11 +4262,11 @@ const __sfc__$1c = vue.defineComponent({
   }
 });
 __sfc__$1c.render = __render__$1b;
-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;
+var stdin_default$5o = __sfc__$1c;
+withInstall(stdin_default$5o);
+withPropsDefaultsSetter(stdin_default$5o, props$14);
+const _BottomNavigationItemComponent = stdin_default$5o;
+var stdin_default$5n = stdin_default$5o;
 const props$13 = {
   separator: String,
   onClick: defineListenerProp()
@@ -4260,7 +4295,7 @@ function useBreadcrumb() {
     bindBreadcrumb: bindParent
   };
 }
-const { name: name$14, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
+const { name: name$15, n: n$1a, classes: classes$Y } = createNamespace("breadcrumb");
 function __render__$1a(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4301,7 +4336,7 @@ function __render__$1a(_ctx, _cache) {
   );
 }
 const __sfc__$1b = vue.defineComponent({
-  name: name$14,
+  name: name$15,
   props: props$13,
   setup(props2) {
     const { index, breadcrumb, bindBreadcrumb } = useBreadcrumb();
@@ -4324,18 +4359,18 @@ const __sfc__$1b = vue.defineComponent({
   }
 });
 __sfc__$1b.render = __render__$1a;
-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;
+var stdin_default$5m = __sfc__$1b;
+withInstall(stdin_default$5m);
+withPropsDefaultsSetter(stdin_default$5m, props$13);
+const _BreadcrumbComponent = stdin_default$5m;
+var stdin_default$5l = stdin_default$5m;
 const props$12 = {
   separator: {
     type: String,
     default: "/"
   }
 };
-const { name: name$13, n: n$19 } = createNamespace("breadcrumbs");
+const { name: name$14, n: n$19 } = createNamespace("breadcrumbs");
 function __render__$19(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4352,7 +4387,7 @@ function __render__$19(_ctx, _cache) {
   );
 }
 const __sfc__$1a = vue.defineComponent({
-  name: name$13,
+  name: name$14,
   props: props$12,
   setup(props2) {
     const separator = vue.computed(() => props2.separator);
@@ -4366,11 +4401,11 @@ const __sfc__$1a = vue.defineComponent({
   }
 });
 __sfc__$1a.render = __render__$19;
-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;
+var stdin_default$5k = __sfc__$1a;
+withInstall(stdin_default$5k);
+withPropsDefaultsSetter(stdin_default$5k, props$12);
+const _BreadcrumbsComponent = stdin_default$5k;
+var stdin_default$5j = stdin_default$5k;
 const props$11 = {
   type: {
     type: String,
@@ -4392,7 +4427,7 @@ const props$11 = {
   },
   vertical: Boolean
 };
-const { name: name$12, n: n$18, classes: classes$X } = createNamespace("button-group");
+const { name: name$13, n: n$18, classes: classes$X } = createNamespace("button-group");
 function __render__$18(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -4415,7 +4450,7 @@ function __render__$18(_ctx, _cache) {
   );
 }
 const __sfc__$19 = vue.defineComponent({
-  name: name$12,
+  name: name$13,
   props: props$11,
   setup(props2) {
     const { bindButtons } = useButtons();
@@ -4436,11 +4471,11 @@ const __sfc__$19 = vue.defineComponent({
   }
 });
 __sfc__$19.render = __render__$18;
-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;
+var stdin_default$5i = __sfc__$19;
+withInstall(stdin_default$5i);
+withPropsDefaultsSetter(stdin_default$5i, props$11);
+const _ButtonGroupComponent = stdin_default$5i;
+var stdin_default$5h = stdin_default$5i;
 const props$10 = {
   src: String,
   fit: {
@@ -4491,7 +4526,7 @@ var __async$f = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$11, n: n$17, classes: classes$W } = createNamespace("card");
+const { name: name$12, n: n$17, classes: classes$W } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 const _hoisted_1$u = ["src", "alt"];
 function __render__$17(_ctx, _cache) {
@@ -4673,11 +4708,11 @@ function __render__$17(_ctx, _cache) {
   ]);
 }
 const __sfc__$18 = vue.defineComponent({
-  name: name$11,
-  directives: { Ripple: stdin_default$5V },
+  name: name$12,
+  directives: { Ripple: stdin_default$5W },
   components: {
-    VarIcon: stdin_default$5R,
-    VarButton: stdin_default$5u
+    VarIcon: stdin_default$5S,
+    VarButton: stdin_default$5v
   },
   props: props$10,
   setup(props2) {
@@ -4807,11 +4842,11 @@ const __sfc__$18 = vue.defineComponent({
   }
 });
 __sfc__$18.render = __render__$17;
-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;
+var stdin_default$5g = __sfc__$18;
+withInstall(stdin_default$5g);
+withPropsDefaultsSetter(stdin_default$5g, props$10);
+const _CardComponent = stdin_default$5g;
+var stdin_default$5f = stdin_default$5g;
 const props$$ = {
   title: String,
   icon: pickProps(props$1f, "name"),
@@ -4826,7 +4861,7 @@ const props$$ = {
   ripple: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$10, n: n$16, classes: classes$V } = createNamespace("cell");
+const { name: name$11, 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");
@@ -4909,9 +4944,9 @@ function __render__$16(_ctx, _cache) {
   ]);
 }
 const __sfc__$17 = vue.defineComponent({
-  name: name$10,
-  components: { VarIcon: stdin_default$5R },
-  directives: { Ripple: stdin_default$5V },
+  name: name$11,
+  components: { VarIcon: stdin_default$5S },
+  directives: { Ripple: stdin_default$5W },
   props: props$$,
   setup(props2) {
     const borderOffsetStyles = vue.computed(() => {
@@ -4936,11 +4971,11 @@ const __sfc__$17 = vue.defineComponent({
   }
 });
 __sfc__$17.render = __render__$16;
-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;
+var stdin_default$5e = __sfc__$17;
+withInstall(stdin_default$5e);
+withPropsDefaultsSetter(stdin_default$5e, props$$);
+const _CellComponent = stdin_default$5e;
+var stdin_default$5d = stdin_default$5e;
 const props$_ = {
   errorMessage: {
     type: String,
@@ -4951,7 +4986,7 @@ const props$_ = {
     default: ""
   }
 };
-const { name: name$$, n: n$15 } = createNamespace("form-details");
+const { name: name$10, n: n$15 } = createNamespace("form-details");
 const _hoisted_1$t = { key: 0 };
 const _hoisted_2$e = { key: 0 };
 function __render__$15(_ctx, _cache) {
@@ -5028,16 +5063,16 @@ function __render__$15(_ctx, _cache) {
   }, 8, ["name"]);
 }
 const __sfc__$16 = vue.defineComponent({
-  name: name$$,
+  name: name$10,
   props: props$_,
   setup: () => ({ n: n$15 })
 });
 __sfc__$16.render = __render__$15;
-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;
+var stdin_default$5c = __sfc__$16;
+withInstall(stdin_default$5c);
+withPropsDefaultsSetter(stdin_default$5c, props$_);
+const _FormDetailsComponent = stdin_default$5c;
+var stdin_default$5b = stdin_default$5c;
 const props$Z = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -5132,7 +5167,7 @@ function useFormItems() {
     bindFormItems: bindChildren
   };
 }
-const { name: name$_, n: n$14, classes: classes$U } = createNamespace("checkbox");
+const { name: name$$, n: n$14, classes: classes$U } = createNamespace("checkbox");
 const _hoisted_1$s = ["tabindex"];
 function __render__$14(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -5143,14 +5178,14 @@ function __render__$14(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
-      class: vue.normalizeClass(_ctx.n("wrap")),
-      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      class: vue.normalizeClass(_ctx.n("wrap"))
     },
     [
       vue.createElementVNode(
         "div",
         {
-          class: vue.normalizeClass(_ctx.n())
+          class: vue.normalizeClass(_ctx.n()),
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
         },
         [
           vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -5230,12 +5265,12 @@ function __render__$14(_ctx, _cache) {
   );
 }
 const __sfc__$15 = vue.defineComponent({
-  name: name$_,
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  name: name$$,
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   components: {
-    VarIcon: stdin_default$5R,
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarIcon: stdin_default$5S,
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
   props: props$Z,
   setup(props2) {
@@ -5369,16 +5404,16 @@ const __sfc__$15 = vue.defineComponent({
   }
 });
 __sfc__$15.render = __render__$14;
-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$5a = __sfc__$15;
+withInstall(stdin_default$5a);
+withPropsDefaultsSetter(stdin_default$5a, props$Z);
+const _CheckboxComponent = stdin_default$5a;
+var stdin_default$59 = stdin_default$5a;
 const {
-  name: name$Z
+  name: name$_
 } = createNamespace("checkbox-group-option");
-var stdin_default$57 = vue.defineComponent({
-  name: name$Z,
+var stdin_default$58 = vue.defineComponent({
+  name: name$_,
   props: {
     labelKey: {
       type: String,
@@ -5400,7 +5435,7 @@ var stdin_default$57 = vue.defineComponent({
         labelKey,
         valueKey
       } = props2;
-      return vue.createVNode(stdin_default$58, {
+      return vue.createVNode(stdin_default$59, {
         "checkedValue": option[valueKey],
         "disabled": option.disabled
       }, {
@@ -5438,7 +5473,7 @@ const props$Y = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$Y, n: n$13, classes: classes$T } = createNamespace("checkbox-group");
+const { name: name$Z, 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");
@@ -5480,8 +5515,8 @@ function __render__$13(_ctx, _cache) {
   );
 }
 const __sfc__$14 = vue.defineComponent({
-  name: name$Y,
-  components: { VarFormDetails: stdin_default$5a, CheckboxGroupOption: stdin_default$57 },
+  name: name$Z,
+  components: { VarFormDetails: stdin_default$5b, CheckboxGroupOption: stdin_default$58 },
   props: props$Y,
   setup(props2) {
     const max2 = vue.computed(() => props2.max);
@@ -5576,11 +5611,11 @@ const __sfc__$14 = vue.defineComponent({
   }
 });
 __sfc__$14.render = __render__$13;
-var stdin_default$56 = __sfc__$14;
-withInstall(stdin_default$56);
-withPropsDefaultsSetter(stdin_default$56, props$Y);
-const _CheckboxGroupComponent = stdin_default$56;
-var stdin_default$55 = stdin_default$56;
+var stdin_default$57 = __sfc__$14;
+withInstall(stdin_default$57);
+withPropsDefaultsSetter(stdin_default$57, props$Y);
+const _CheckboxGroupComponent = stdin_default$57;
+var stdin_default$56 = stdin_default$57;
 const props$X = {
   type: {
     type: String,
@@ -5603,7 +5638,7 @@ const props$X = {
   closeable: Boolean,
   onClose: defineListenerProp()
 };
-const { name: name$X, n: n$12, classes: classes$S } = createNamespace("chip");
+const { name: name$Y, 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, {
@@ -5656,9 +5691,9 @@ function __render__$12(_ctx, _cache) {
   }, 8, ["name"]);
 }
 const __sfc__$13 = vue.defineComponent({
-  name: name$X,
+  name: name$Y,
   components: {
-    VarIcon: stdin_default$5R
+    VarIcon: stdin_default$5S
   },
   inheritAttrs: false,
   props: props$X,
@@ -5696,11 +5731,11 @@ const __sfc__$13 = vue.defineComponent({
   }
 });
 __sfc__$13.render = __render__$12;
-var stdin_default$54 = __sfc__$13;
-withInstall(stdin_default$54);
-withPropsDefaultsSetter(stdin_default$54, props$X);
-const _ChipComponent = stdin_default$54;
-var stdin_default$53 = stdin_default$54;
+var stdin_default$55 = __sfc__$13;
+withInstall(stdin_default$55);
+withPropsDefaultsSetter(stdin_default$55, props$X);
+const _ChipComponent = stdin_default$55;
+var stdin_default$54 = stdin_default$55;
 const props$W = {
   span: {
     type: [String, Number],
@@ -5740,7 +5775,7 @@ function useRow() {
     bindRow: bindParent
   };
 }
-const { name: name$W, n: n$11, classes: classes$R } = createNamespace("col");
+const { name: name$X, n: n$11, classes: classes$R } = createNamespace("col");
 function __render__$11(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5777,7 +5812,7 @@ function __render__$11(_ctx, _cache) {
   );
 }
 const __sfc__$12 = vue.defineComponent({
-  name: name$W,
+  name: name$X,
   props: props$W,
   setup(props2) {
     const span = vue.computed(() => toNumber(props2.span));
@@ -5825,11 +5860,11 @@ const __sfc__$12 = vue.defineComponent({
   }
 });
 __sfc__$12.render = __render__$11;
-var stdin_default$52 = __sfc__$12;
-withInstall(stdin_default$52);
-withPropsDefaultsSetter(stdin_default$52, props$W);
-const _ColComponent = stdin_default$52;
-var stdin_default$51 = stdin_default$52;
+var stdin_default$53 = __sfc__$12;
+withInstall(stdin_default$53);
+withPropsDefaultsSetter(stdin_default$53, props$W);
+const _ColComponent = stdin_default$53;
+var stdin_default$52 = stdin_default$53;
 const COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -5859,7 +5894,7 @@ const props$V = {
   onChange: defineListenerProp(),
   "onUpdate:modelValue": defineListenerProp()
 };
-const { name: name$V, n: n$10 } = createNamespace("collapse");
+const { name: name$W, n: n$10 } = createNamespace("collapse");
 function __render__$10(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -5874,7 +5909,7 @@ function __render__$10(_ctx, _cache) {
   );
 }
 const __sfc__$11 = vue.defineComponent({
-  name: name$V,
+  name: name$W,
   props: props$V,
   setup(props2) {
     const offset2 = vue.computed(() => props2.offset);
@@ -5967,11 +6002,11 @@ const __sfc__$11 = vue.defineComponent({
   }
 });
 __sfc__$11.render = __render__$10;
-var stdin_default$50 = __sfc__$11;
-withInstall(stdin_default$50);
-withPropsDefaultsSetter(stdin_default$50, props$V);
-const _CollapseComponent = stdin_default$50;
-var stdin_default$4$ = stdin_default$50;
+var stdin_default$51 = __sfc__$11;
+withInstall(stdin_default$51);
+withPropsDefaultsSetter(stdin_default$51, props$V);
+const _CollapseComponent = stdin_default$51;
+var stdin_default$50 = stdin_default$51;
 function useCollapse() {
   const { parentProvider, index, bindParent } = useParent(
     COLLAPSE_BIND_COLLAPSE_ITEM_KEY
@@ -6076,7 +6111,7 @@ function useCollapseTransition(options) {
     handleTransitionStart
   };
 }
-const { name: name$U, n: n$$, classes: classes$Q } = createNamespace("collapse-item");
+const { name: name$V, n: n$$, classes: classes$Q } = createNamespace("collapse-item");
 const _hoisted_1$r = ["aria-expanded", "aria-disabled", "role"];
 function __render__$$(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -6177,9 +6212,9 @@ function __render__$$(_ctx, _cache) {
   );
 }
 const __sfc__$10 = vue.defineComponent({
-  name: name$U,
+  name: name$V,
   components: {
-    VarIcon: stdin_default$5R
+    VarIcon: stdin_default$5S
   },
   props: props$U,
   setup(props2) {
@@ -6230,15 +6265,15 @@ const __sfc__$10 = vue.defineComponent({
   }
 });
 __sfc__$10.render = __render__$$;
-var stdin_default$4_ = __sfc__$10;
-withInstall(stdin_default$4_);
-withPropsDefaultsSetter(stdin_default$4_, props$U);
-const _CollapseItemComponent = stdin_default$4_;
-var stdin_default$4Z = stdin_default$4_;
+var stdin_default$4$ = __sfc__$10;
+withInstall(stdin_default$4$);
+withPropsDefaultsSetter(stdin_default$4$, props$U);
+const _CollapseItemComponent = stdin_default$4$;
+var stdin_default$4_ = stdin_default$4$;
 const props$T = {
   expand: Boolean
 };
-const { name: name$T, n: n$_ } = createNamespace("collapse-transition");
+const { name: name$U, n: n$_ } = createNamespace("collapse-transition");
 function __render__$_(_ctx, _cache) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
     "div",
@@ -6258,7 +6293,7 @@ function __render__$_(_ctx, _cache) {
   ]);
 }
 const __sfc__$$ = vue.defineComponent({
-  name: name$T,
+  name: name$U,
   props: props$T,
   setup(props2) {
     const showContent = vue.ref(false);
@@ -6279,11 +6314,11 @@ const __sfc__$$ = vue.defineComponent({
   }
 });
 __sfc__$$.render = __render__$_;
-var stdin_default$4Y = __sfc__$$;
-withInstall(stdin_default$4Y);
-withPropsDefaultsSetter(stdin_default$4Y, props$T);
-const _CollapseTransitionComponent = stdin_default$4Y;
-var stdin_default$4X = stdin_default$4Y;
+var stdin_default$4Z = __sfc__$$;
+withInstall(stdin_default$4Z);
+withPropsDefaultsSetter(stdin_default$4Z, props$T);
+const _CollapseTransitionComponent = stdin_default$4Z;
+var stdin_default$4Y = stdin_default$4Z;
 const props$S = {
   time: {
     type: [String, Number],
@@ -6300,7 +6335,7 @@ const props$S = {
   onEnd: defineListenerProp(),
   onChange: defineListenerProp()
 };
-const { name: name$S, n: n$Z } = createNamespace("countdown");
+const { name: name$T, n: n$Z } = createNamespace("countdown");
 const SECOND = 1e3;
 const MINUTE = 60 * SECOND;
 const HOUR = 60 * MINUTE;
@@ -6325,7 +6360,7 @@ function __render__$Z(_ctx, _cache) {
   );
 }
 const __sfc__$_ = vue.defineComponent({
-  name: name$S,
+  name: name$T,
   props: props$S,
   setup(props2) {
     const showTime = vue.ref("");
@@ -6458,11 +6493,11 @@ const __sfc__$_ = vue.defineComponent({
   }
 });
 __sfc__$_.render = __render__$Z;
-var stdin_default$4W = __sfc__$_;
-withInstall(stdin_default$4W);
-withPropsDefaultsSetter(stdin_default$4W, props$S);
-const _CountdownComponent = stdin_default$4W;
-var stdin_default$4V = stdin_default$4W;
+var stdin_default$4X = __sfc__$_;
+withInstall(stdin_default$4X);
+withPropsDefaultsSetter(stdin_default$4X, props$S);
+const _CountdownComponent = stdin_default$4X;
+var stdin_default$4W = stdin_default$4X;
 /*!
  *  decimal.js v10.4.0
  *  An arbitrary-precision Decimal type for JavaScript.
@@ -8846,7 +8881,7 @@ const props$R = {
 };
 const SPEED = 100;
 const DELAY = 600;
-const { name: name$R, n: n$Y, classes: classes$P } = createNamespace("counter");
+const { name: name$S, n: n$Y, classes: classes$P } = createNamespace("counter");
 const _hoisted_1$q = ["inputmode", "readonly", "disabled"];
 function __render__$Y(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -8947,13 +8982,13 @@ function __render__$Y(_ctx, _cache) {
   );
 }
 const __sfc__$Z = vue.defineComponent({
-  name: name$R,
+  name: name$S,
   components: {
-    VarButton: stdin_default$5u,
-    VarIcon: stdin_default$5R,
-    VarFormDetails: stdin_default$5a
+    VarButton: stdin_default$5v,
+    VarIcon: stdin_default$5S,
+    VarFormDetails: stdin_default$5b
   },
-  directives: { Ripple: stdin_default$5V },
+  directives: { Ripple: stdin_default$5W },
   inheritAttrs: false,
   props: props$R,
   setup(props2) {
@@ -9160,11 +9195,11 @@ const __sfc__$Z = vue.defineComponent({
   }
 });
 __sfc__$Z.render = __render__$Y;
-var stdin_default$4U = __sfc__$Z;
-withInstall(stdin_default$4U);
-withPropsDefaultsSetter(stdin_default$4U, props$R);
-const _CounterComponent = stdin_default$4U;
-var stdin_default$4T = stdin_default$4U;
+var stdin_default$4V = __sfc__$Z;
+withInstall(stdin_default$4V);
+withPropsDefaultsSetter(stdin_default$4V, props$R);
+const _CounterComponent = stdin_default$4V;
+var stdin_default$4U = stdin_default$4V;
 var SECONDS_A_MINUTE = 60;
 var SECONDS_A_HOUR = SECONDS_A_MINUTE * 60;
 var SECONDS_A_DAY = SECONDS_A_HOUR * 24;
@@ -9702,8 +9737,8 @@ function __render__$X(_ctx, _cache) {
 const __sfc__$Y = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: stdin_default$5u,
-    VarIcon: stdin_default$5R
+    VarButton: stdin_default$5v,
+    VarIcon: stdin_default$5S
   },
   props: {
     date: {
@@ -9756,7 +9791,7 @@ const __sfc__$Y = vue.defineComponent({
   }
 });
 __sfc__$Y.render = __render__$X;
-var stdin_default$4S = __sfc__$Y;
+var stdin_default$4T = __sfc__$Y;
 var __defProp$k = Object.defineProperty;
 var __getOwnPropSymbols$k = Object.getOwnPropertySymbols;
 var __hasOwnProp$k = Object.prototype.hasOwnProperty;
@@ -9850,8 +9885,8 @@ function __render__$W(_ctx, _cache) {
 const __sfc__$X = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: stdin_default$5u,
-    PanelHeader: stdin_default$4S
+    VarButton: stdin_default$5v,
+    PanelHeader: stdin_default$4T
   },
   props: {
     choose: {
@@ -10024,7 +10059,7 @@ const __sfc__$X = vue.defineComponent({
   }
 });
 __sfc__$X.render = __render__$W;
-var stdin_default$4R = __sfc__$X;
+var stdin_default$4S = __sfc__$X;
 const props$P = {
   offsetTop: {
     type: [String, Number],
@@ -10058,7 +10093,7 @@ var __async$d = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$Q, n: n$V, classes: classes$N } = createNamespace("sticky");
+const { name: name$R, n: n$V, classes: classes$N } = createNamespace("sticky");
 function __render__$V(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -10099,7 +10134,7 @@ function __render__$V(_ctx, _cache) {
   );
 }
 const __sfc__$W = vue.defineComponent({
-  name: name$Q,
+  name: name$R,
   props: props$P,
   setup(props2) {
     const stickyEl = vue.ref(null);
@@ -10205,11 +10240,11 @@ const __sfc__$W = vue.defineComponent({
   }
 });
 __sfc__$W.render = __render__$V;
-var stdin_default$4Q = __sfc__$W;
-withInstall(stdin_default$4Q);
-withPropsDefaultsSetter(stdin_default$4Q, props$P);
-const _StickyComponent = stdin_default$4Q;
-var stdin_default$4P = stdin_default$4Q;
+var stdin_default$4R = __sfc__$W;
+withInstall(stdin_default$4R);
+withPropsDefaultsSetter(stdin_default$4R, props$P);
+const _StickyComponent = stdin_default$4R;
+var stdin_default$4Q = stdin_default$4R;
 var __defProp$j = Object.defineProperty;
 var __getOwnPropSymbols$j = Object.getOwnPropertySymbols;
 var __hasOwnProp$j = Object.prototype.hasOwnProperty;
@@ -10301,9 +10336,9 @@ function __render__$U(_ctx, _cache) {
 const __sfc__$V = vue.defineComponent({
   name: "YearPickerPanel",
   components: {
-    VarButton: stdin_default$5u,
-    VarSticky: stdin_default$4P,
-    PanelHeader: stdin_default$4S
+    VarButton: stdin_default$5v,
+    VarSticky: stdin_default$4Q,
+    PanelHeader: stdin_default$4T
   },
   props: {
     choose: {
@@ -10486,7 +10521,7 @@ const __sfc__$V = vue.defineComponent({
   }
 });
 __sfc__$V.render = __render__$U;
-var stdin_default$4O = __sfc__$V;
+var stdin_default$4P = __sfc__$V;
 var __defProp$i = Object.defineProperty;
 var __getOwnPropSymbols$i = Object.getOwnPropertySymbols;
 var __hasOwnProp$i = Object.prototype.hasOwnProperty;
@@ -10616,8 +10651,8 @@ function __render__$T(_ctx, _cache) {
 const __sfc__$U = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: stdin_default$5u,
-    PanelHeader: stdin_default$4S
+    VarButton: stdin_default$5v,
+    PanelHeader: stdin_default$4T
   },
   props: {
     choose: {
@@ -10831,7 +10866,7 @@ const __sfc__$U = vue.defineComponent({
   }
 });
 __sfc__$U.render = __render__$T;
-var stdin_default$4N = __sfc__$U;
+var stdin_default$4O = __sfc__$U;
 var __async$c = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -10852,7 +10887,7 @@ var __async$c = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$P, n: n$S, classes: classes$K } = createNamespace("date-picker");
+const { name: name$Q, n: n$S, classes: classes$K } = createNamespace("date-picker");
 function __render__$S(_ctx, _cache) {
   var _a;
   const _component_year_picker_panel = vue.resolveComponent("year-picker-panel");
@@ -11098,11 +11133,11 @@ function __render__$S(_ctx, _cache) {
   );
 }
 const __sfc__$T = vue.defineComponent({
-  name: name$P,
+  name: name$Q,
   components: {
-    MonthPickerPanel: stdin_default$4R,
-    YearPickerPanel: stdin_default$4O,
-    DayPickerPanel: stdin_default$4N
+    MonthPickerPanel: stdin_default$4S,
+    YearPickerPanel: stdin_default$4P,
+    DayPickerPanel: stdin_default$4O
   },
   props: props$Q,
   setup(props2) {
@@ -11498,11 +11533,11 @@ const __sfc__$T = vue.defineComponent({
   }
 });
 __sfc__$T.render = __render__$S;
-var stdin_default$4M = __sfc__$T;
-withInstall(stdin_default$4M);
-withPropsDefaultsSetter(stdin_default$4M, props$Q);
-const _DatePickerComponent = stdin_default$4M;
-var stdin_default$4L = stdin_default$4M;
+var stdin_default$4N = __sfc__$T;
+withInstall(stdin_default$4N);
+withPropsDefaultsSetter(stdin_default$4N, props$Q);
+const _DatePickerComponent = stdin_default$4N;
+var stdin_default$4M = stdin_default$4N;
 var __defProp$h = Object.defineProperty;
 var __getOwnPropSymbols$h = Object.getOwnPropertySymbols;
 var __hasOwnProp$h = Object.prototype.hasOwnProperty;
@@ -11581,7 +11616,7 @@ var __spreadValues$g = (a, b) => {
     }
   return a;
 };
-const { name: name$O, n: n$R, classes: classes$J } = createNamespace("dialog");
+const { name: name$P, n: n$R, classes: classes$J } = createNamespace("dialog");
 function __render__$R(_ctx, _cache) {
   const _component_var_button = vue.resolveComponent("var-button");
   const _component_var_popup = vue.resolveComponent("var-popup");
@@ -11714,10 +11749,10 @@ function __render__$R(_ctx, _cache) {
   }, 8, ["class", "show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onKeyEscape", "onRouteChange", "onClickOverlay"]);
 }
 const __sfc__$S = vue.defineComponent({
-  name: name$O,
+  name: name$P,
   components: {
-    VarPopup: stdin_default$5T,
-    VarButton: stdin_default$5u
+    VarPopup: stdin_default$5U,
+    VarButton: stdin_default$5v
   },
   inheritAttrs: false,
   props: props$O,
@@ -11797,7 +11832,7 @@ const __sfc__$S = vue.defineComponent({
   }
 });
 __sfc__$S.render = __render__$R;
-var stdin_default$4K = __sfc__$S;
+var stdin_default$4L = __sfc__$S;
 var __defProp$f = Object.defineProperty;
 var __defProps$5 = Object.defineProperties;
 var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
@@ -11835,7 +11870,7 @@ function Dialog(options) {
     const reactiveDialogOptions = vue.reactive(dialogOptions);
     reactiveDialogOptions.teleport = "body";
     singletonOptions$2 = reactiveDialogOptions;
-    const { unmountInstance } = mountInstance(stdin_default$4K, reactiveDialogOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$4L, reactiveDialogOptions, {
       onConfirm: () => {
         call(reactiveDialogOptions.onConfirm);
         resolve("confirm");
@@ -11879,12 +11914,12 @@ Dialog.close = function() {
     });
   }
 };
-Dialog.Component = stdin_default$4K;
-withInstall(stdin_default$4K);
-withInstall(stdin_default$4K, Dialog);
+Dialog.Component = stdin_default$4L;
+withInstall(stdin_default$4L);
+withInstall(stdin_default$4L, Dialog);
 withPropsDefaultsSetter(Dialog, props$O);
-const _DialogComponent = stdin_default$4K;
-var stdin_default$4J = Dialog;
+const _DialogComponent = stdin_default$4L;
+var stdin_default$4K = Dialog;
 const props$N = {
   inset: {
     type: [Boolean, Number, String],
@@ -11896,7 +11931,7 @@ const props$N = {
   dashed: Boolean,
   hairline: Boolean
 };
-const { name: name$N, n: n$Q, classes: classes$I } = createNamespace("divider");
+const { name: name$O, n: n$Q, classes: classes$I } = createNamespace("divider");
 function __render__$Q(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -11934,7 +11969,7 @@ function __render__$Q(_ctx, _cache) {
   );
 }
 const __sfc__$R = vue.defineComponent({
-  name: name$N,
+  name: name$O,
   props: props$N,
   setup(props2, { slots }) {
     const withText = vue.ref(false);
@@ -11971,11 +12006,11 @@ const __sfc__$R = vue.defineComponent({
   }
 });
 __sfc__$R.render = __render__$Q;
-var stdin_default$4I = __sfc__$R;
-withInstall(stdin_default$4I);
-withPropsDefaultsSetter(stdin_default$4I, props$N);
-const _DividerComponent = stdin_default$4I;
-var stdin_default$4H = stdin_default$4I;
+var stdin_default$4J = __sfc__$R;
+withInstall(stdin_default$4J);
+withPropsDefaultsSetter(stdin_default$4J, props$N);
+const _DividerComponent = stdin_default$4J;
+var stdin_default$4I = stdin_default$4J;
 const props$M = {
   direction: {
     type: String,
@@ -12041,7 +12076,7 @@ var __async$b = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$M, n: n$P, classes: classes$H } = createNamespace("drag");
+const { name: name$N, n: n$P, classes: classes$H } = createNamespace("drag");
 function __render__$P(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
     to: _ctx.teleport === false ? void 0 : _ctx.teleport,
@@ -12070,7 +12105,7 @@ function __render__$P(_ctx, _cache) {
   ], 8, ["to", "disabled"]);
 }
 const __sfc__$Q = vue.defineComponent({
-  name: name$M,
+  name: name$N,
   inheritAttrs: false,
   props: props$M,
   setup(props2, { attrs }) {
@@ -12252,11 +12287,11 @@ const __sfc__$Q = vue.defineComponent({
   }
 });
 __sfc__$Q.render = __render__$P;
-var stdin_default$4G = __sfc__$Q;
-withInstall(stdin_default$4G);
-withPropsDefaultsSetter(stdin_default$4G, props$M);
-const _DragComponent = stdin_default$4G;
-var stdin_default$4F = stdin_default$4G;
+var stdin_default$4H = __sfc__$Q;
+withInstall(stdin_default$4H);
+withPropsDefaultsSetter(stdin_default$4H, props$M);
+const _DragComponent = stdin_default$4H;
+var stdin_default$4G = stdin_default$4H;
 var hash$1 = {
   left: "right",
   right: "left",
@@ -13910,7 +13945,7 @@ const props$L = {
   onClickOutside: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
 };
-const { name: name$L, n: n$O, classes: classes$G } = createNamespace("tooltip");
+const { name: name$M, n: n$O, classes: classes$G } = createNamespace("tooltip");
 function __render__$O(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -13982,7 +14017,7 @@ function __render__$O(_ctx, _cache) {
   );
 }
 const __sfc__$P = vue.defineComponent({
-  name: name$L,
+  name: name$M,
   props: props$L,
   setup(props2) {
     const { disabled: teleportDisabled } = useTeleport();
@@ -14030,11 +14065,11 @@ const __sfc__$P = vue.defineComponent({
   }
 });
 __sfc__$P.render = __render__$O;
-var stdin_default$4E = __sfc__$P;
-withInstall(stdin_default$4E);
-withPropsDefaultsSetter(stdin_default$4E, props$L);
-const _TooltipComponent = stdin_default$4E;
-var stdin_default$4D = stdin_default$4E;
+var stdin_default$4F = __sfc__$P;
+withInstall(stdin_default$4F);
+withPropsDefaultsSetter(stdin_default$4F, props$L);
+const _TooltipComponent = stdin_default$4F;
+var stdin_default$4E = stdin_default$4F;
 const props$K = {
   expand: Boolean,
   expandTrigger: String,
@@ -14061,7 +14096,7 @@ var __spreadValues$c = (a, b) => {
     }
   return a;
 };
-const { name: name$K, n: n$N, classes: classes$F } = createNamespace("ellipsis");
+const { name: name$L, n: n$N, classes: classes$F } = createNamespace("ellipsis");
 const _hoisted_1$p = { key: 0 };
 function __render__$N(_ctx, _cache) {
   const _component_var_tooltip = vue.resolveComponent("var-tooltip");
@@ -14108,8 +14143,8 @@ function __render__$N(_ctx, _cache) {
   );
 }
 const __sfc__$O = vue.defineComponent({
-  name: name$K,
-  components: { VarTooltip: stdin_default$4D },
+  name: name$L,
+  components: { VarTooltip: stdin_default$4E },
   props: props$K,
   setup(props2) {
     const expanding = useVModel(props2, "expand");
@@ -14144,11 +14179,11 @@ const __sfc__$O = vue.defineComponent({
   }
 });
 __sfc__$O.render = __render__$N;
-var stdin_default$4C = __sfc__$O;
-withInstall(stdin_default$4C);
-withPropsDefaultsSetter(stdin_default$4C, props$K);
-const _EllipsisComponent = stdin_default$4C;
-var stdin_default$4B = stdin_default$4C;
+var stdin_default$4D = __sfc__$O;
+withInstall(stdin_default$4D);
+withPropsDefaultsSetter(stdin_default$4D, props$K);
+const _EllipsisComponent = stdin_default$4D;
+var stdin_default$4C = stdin_default$4D;
 const props$J = {
   active: Boolean,
   show: {
@@ -14218,12 +14253,12 @@ const props$J = {
   "onUpdate:active": defineListenerProp()
 };
 const {
-  name: name$J,
+  name: name$K,
   classes: classes$E,
   n: n$M
 } = createNamespace("fab");
-var stdin_default$4A = vue.defineComponent({
-  name: name$J,
+var stdin_default$4B = vue.defineComponent({
+  name: name$K,
   inheritAttrs: false,
   props: props$J,
   setup(props2, {
@@ -14279,7 +14314,7 @@ var stdin_default$4A = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(stdin_default$5u, {
+      return vue.withDirectives(vue.createVNode(stdin_default$5v, {
         "var-fab-cover": true,
         "class": n$M("trigger"),
         "type": props2.type,
@@ -14288,7 +14323,7 @@ var stdin_default$4A = vue.defineComponent({
         "elevation": props2.elevation,
         "iconContainer": true
       }, {
-        default: () => [vue.createVNode(stdin_default$5R, {
+        default: () => [vue.createVNode(stdin_default$5S, {
           "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,
@@ -14303,7 +14338,7 @@ var stdin_default$4A = vue.defineComponent({
       var _a;
       const children = flatFragment((_a = call(slots.default)) != null ? _a : []);
       const dragProps = isBoolean(props2.drag) ? {} : props2.drag;
-      return vue.createVNode(stdin_default$4F, vue.mergeProps({
+      return vue.createVNode(stdin_default$4G, vue.mergeProps({
         "ref": dragRef,
         "class": classes$E(n$M(`--position-${props2.position}`), [!props2.fixed, n$M("--absolute")]),
         "style": {
@@ -14345,10 +14380,10 @@ var stdin_default$4A = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$4A);
-withPropsDefaultsSetter(stdin_default$4A, props$J);
-const _FabComponent = stdin_default$4A;
-var stdin_default$4z = stdin_default$4A;
+withInstall(stdin_default$4B);
+withPropsDefaultsSetter(stdin_default$4B, props$J);
+const _FabComponent = stdin_default$4B;
+var stdin_default$4A = stdin_default$4B;
 const props$I = {
   value: {
     type: null,
@@ -14412,7 +14447,7 @@ var __async$9 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$I, n: n$L, classes: classes$D } = createNamespace("field-decorator");
+const { name: name$J, n: n$L, classes: classes$D } = createNamespace("field-decorator");
 const _hoisted_1$o = ["for"];
 function __render__$M(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -14609,8 +14644,8 @@ function __render__$M(_ctx, _cache) {
   );
 }
 const __sfc__$N = vue.defineComponent({
-  name: name$I,
-  components: { VarIcon: stdin_default$5R },
+  name: name$J,
+  components: { VarIcon: stdin_default$5S },
   props: props$I,
   setup(props2) {
     const placeholderTextEl = vue.ref(null);
@@ -14691,11 +14726,11 @@ const __sfc__$N = vue.defineComponent({
   }
 });
 __sfc__$N.render = __render__$M;
-var stdin_default$4y = __sfc__$N;
-withInstall(stdin_default$4y);
-withPropsDefaultsSetter(stdin_default$4y, props$I);
-const _FieldDecoratorComponent = stdin_default$4y;
-var stdin_default$4x = stdin_default$4y;
+var stdin_default$4z = __sfc__$N;
+withInstall(stdin_default$4z);
+withPropsDefaultsSetter(stdin_default$4z, props$I);
+const _FieldDecoratorComponent = stdin_default$4z;
+var stdin_default$4y = stdin_default$4z;
 const props$H = {
   anchor: Number,
   anchors: Array,
@@ -14719,7 +14754,7 @@ const props$H = {
   "onUpdate:anchor": defineListenerProp(),
   onAnchorChange: defineListenerProp()
 };
-const { name: name$H, n: n$K, classes: classes$C } = createNamespace("floating-panel");
+const { name: name$I, n: n$K, classes: classes$C } = createNamespace("floating-panel");
 const DEFAULT_START_ANCHOR = 100;
 const OVERFLOW_REDUCE_RATIO = 0.2;
 function __render__$L(_ctx, _cache) {
@@ -14784,7 +14819,7 @@ function __render__$L(_ctx, _cache) {
   ], 8, ["to", "disabled"]);
 }
 const __sfc__$M = vue.defineComponent({
-  name: name$H,
+  name: name$I,
   props: props$H,
   setup(props2) {
     const visibleHeight = vue.ref(0);
@@ -14893,11 +14928,11 @@ const __sfc__$M = vue.defineComponent({
   }
 });
 __sfc__$M.render = __render__$L;
-var stdin_default$4w = __sfc__$M;
-withInstall(stdin_default$4w);
-withPropsDefaultsSetter(stdin_default$4w, props$H);
-const _FloatingPanelComponent = stdin_default$4w;
-var stdin_default$4v = stdin_default$4w;
+var stdin_default$4x = __sfc__$M;
+withInstall(stdin_default$4x);
+withPropsDefaultsSetter(stdin_default$4x, props$H);
+const _FloatingPanelComponent = stdin_default$4x;
+var stdin_default$4w = stdin_default$4x;
 const props$G = {
   disabled: Boolean,
   readonly: Boolean,
@@ -14929,7 +14964,7 @@ var __async$8 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$G, n: n$J } = createNamespace("form");
+const { name: name$H, n: n$J } = createNamespace("form");
 function __render__$K(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "form",
@@ -14946,7 +14981,7 @@ function __render__$K(_ctx, _cache) {
   );
 }
 const __sfc__$L = vue.defineComponent({
-  name: name$G,
+  name: name$H,
   props: props$G,
   setup(props2) {
     const disabled = vue.computed(() => props2.disabled);
@@ -15013,13 +15048,13 @@ const __sfc__$L = vue.defineComponent({
   }
 });
 __sfc__$L.render = __render__$K;
-var stdin_default$4u = __sfc__$L;
-stdin_default$4u.useValidation = useValidation;
-stdin_default$4u.useForm = useForm;
-withInstall(stdin_default$4u);
-withPropsDefaultsSetter(stdin_default$4u, props$G);
-const _FormComponent = stdin_default$4u;
-var stdin_default$4t = stdin_default$4u;
+var stdin_default$4v = __sfc__$L;
+stdin_default$4v.useValidation = useValidation;
+stdin_default$4v.useForm = useForm;
+withInstall(stdin_default$4v);
+withPropsDefaultsSetter(stdin_default$4v, props$G);
+const _FormComponent = stdin_default$4v;
+var stdin_default$4u = stdin_default$4v;
 const props$F = {
   src: String,
   fit: {
@@ -15051,7 +15086,7 @@ const props$F = {
   onLoad: defineListenerProp(),
   onError: defineListenerProp()
 };
-const { name: name$F, n: n$I, classes: classes$B } = createNamespace("image");
+const { name: name$G, n: n$I, classes: classes$B } = createNamespace("image");
 const _hoisted_1$n = ["alt", "title", "referrerpolicy", "lazy-loading", "lazy-error"];
 const _hoisted_2$d = ["alt", "title", "referrerpolicy", "src"];
 function __render__$J(_ctx, _cache) {
@@ -15106,10 +15141,10 @@ function __render__$J(_ctx, _cache) {
   ]);
 }
 const __sfc__$K = vue.defineComponent({
-  name: name$F,
+  name: name$G,
   directives: {
-    Lazy: stdin_default$5C,
-    Ripple: stdin_default$5V
+    Lazy: stdin_default$5D,
+    Ripple: stdin_default$5W
   },
   props: props$F,
   setup(props2, { slots }) {
@@ -15153,11 +15188,11 @@ const __sfc__$K = vue.defineComponent({
   }
 });
 __sfc__$K.render = __render__$J;
-var stdin_default$4s = __sfc__$K;
-withInstall(stdin_default$4s);
-withPropsDefaultsSetter(stdin_default$4s, props$F);
-const _ImageComponent = stdin_default$4s;
-var stdin_default$4r = stdin_default$4s;
+var stdin_default$4t = __sfc__$K;
+withInstall(stdin_default$4t);
+withPropsDefaultsSetter(stdin_default$4t, props$F);
+const _ImageComponent = stdin_default$4t;
+var stdin_default$4s = stdin_default$4t;
 const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
 function useSwipeItems() {
   const { childProviders, length, bindChildren } = useChildren(
@@ -15221,7 +15256,7 @@ var __async$7 = (__this, __arguments, generator) => {
 };
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
-const { name: name$E, n: n$H, classes: classes$A } = createNamespace("swipe");
+const { name: name$F, n: n$H, classes: classes$A } = createNamespace("swipe");
 const _hoisted_1$m = ["onClick"];
 function __render__$I(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -15239,10 +15274,10 @@ function __render__$I(_ctx, _cache) {
         {
           class: vue.normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.vertical, _ctx.n("--vertical")])),
           style: vue.normalizeStyle({
-            width: !_ctx.vertical ? `${_ctx.trackSize}px` : void 0,
-            height: _ctx.vertical ? `${_ctx.trackSize}px` : void 0,
-            transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.trackTranslate}px)`,
-            transitionDuration: _ctx.lockDuration ? `0ms` : `${_ctx.toNumber(_ctx.duration)}ms`
+            width: !_ctx.vertical ? _ctx.toSizeUnit(_ctx.trackSize) : void 0,
+            height: _ctx.vertical ? _ctx.toSizeUnit(_ctx.trackSize) : void 0,
+            transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.toSizeUnit(_ctx.trackTranslate)})`,
+            transitionDuration: _ctx.lockDuration ? "0ms" : `${_ctx.toNumber(_ctx.duration)}ms`
           }),
           onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
           onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
@@ -15386,9 +15421,9 @@ function __render__$I(_ctx, _cache) {
   ]);
 }
 const __sfc__$J = vue.defineComponent({
-  name: name$E,
-  directives: { Hover: stdin_default$5O },
-  components: { VarButton: stdin_default$5u, VarIcon: stdin_default$5R },
+  name: name$F,
+  directives: { Hover: stdin_default$5P },
+  components: { VarButton: stdin_default$5v, VarIcon: stdin_default$5S },
   props: props$E,
   setup(props2) {
     const swipeEl = vue.ref(null);
@@ -15678,6 +15713,7 @@ const __sfc__$J = vue.defineComponent({
       lockDuration,
       hovering,
       n: n$H,
+      toSizeUnit,
       classes: classes$A,
       handleTouchstart,
       handleTouchmove,
@@ -15693,11 +15729,11 @@ const __sfc__$J = vue.defineComponent({
   }
 });
 __sfc__$J.render = __render__$I;
-var stdin_default$4q = __sfc__$J;
-withInstall(stdin_default$4q);
-withPropsDefaultsSetter(stdin_default$4q, props$E);
-const _SwipeComponent = stdin_default$4q;
-var stdin_default$4p = stdin_default$4q;
+var stdin_default$4r = __sfc__$J;
+withInstall(stdin_default$4r);
+withPropsDefaultsSetter(stdin_default$4r, props$E);
+const _SwipeComponent = stdin_default$4r;
+var stdin_default$4q = stdin_default$4r;
 function useSwipe() {
   const { bindParent, index, parentProvider } = useParent(SWIPE_BIND_SWIPE_ITEM_KEY);
   if (!bindParent) {
@@ -15709,24 +15745,24 @@ function useSwipe() {
     bindSwipe: bindParent
   };
 }
-const { name: name$D, n: n$G } = createNamespace("swipe-item");
+const { name: name$E, n: n$G } = createNamespace("swipe-item");
 const _hoisted_1$l = ["aria-hidden"];
 function __render__$H(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.n()),
     style: vue.normalizeStyle({
-      width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
-      height: _ctx.vertical ? `${_ctx.size}px` : void 0,
-      transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
+      width: !_ctx.vertical ? _ctx.toSizeUnit(_ctx.size) : void 0,
+      height: _ctx.vertical ? _ctx.toSizeUnit(_ctx.size) : void 0,
+      transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.toSizeUnit(_ctx.translate)})`
     }),
     tabindex: "-1",
-    "aria-hidden": _ctx.currentIndex === _ctx.index ? "false" : "true"
+    "aria-hidden": _ctx.currentIndex !== _ctx.index
   }, [
     vue.renderSlot(_ctx.$slots, "default")
   ], 14, _hoisted_1$l);
 }
 const __sfc__$I = vue.defineComponent({
-  name: name$D,
+  name: name$E,
   setup() {
     const translate = vue.ref(0);
     const { swipe, bindSwipe, index } = useSwipe();
@@ -15740,20 +15776,21 @@ const __sfc__$I = vue.defineComponent({
       translate.value = x;
     }
     return {
-      n: n$G,
       size,
       index,
       currentIndex,
       vertical,
-      translate
+      translate,
+      n: n$G,
+      toSizeUnit
     };
   }
 });
 __sfc__$I.render = __render__$H;
-var stdin_default$4o = __sfc__$I;
-withInstall(stdin_default$4o);
-const _SwipeItemComponent = stdin_default$4o;
-var stdin_default$4n = stdin_default$4o;
+var stdin_default$4p = __sfc__$I;
+withInstall(stdin_default$4p);
+const _SwipeItemComponent = stdin_default$4p;
+var stdin_default$4o = stdin_default$4p;
 var __defProp$b = Object.defineProperty;
 var __getOwnPropSymbols$b = Object.getOwnPropertySymbols;
 var __hasOwnProp$b = Object.prototype.hasOwnProperty;
@@ -15800,7 +15837,7 @@ const props$D = __spreadValues$b(__spreadValues$b({
   // internal for function call closes the dialog
   "onRouteChange"
 ]));
-const { name: name$C, n: n$F, classes: classes$z } = createNamespace("image-preview");
+const { name: name$D, n: n$F, classes: classes$z } = createNamespace("image-preview");
 const DISTANCE_OFFSET = 12;
 const EVENT_DELAY = 200;
 const TAP_DELAY = 350;
@@ -15929,12 +15966,12 @@ function __render__$G(_ctx, _cache) {
   }, 8, ["class", "transition", "close-on-key-escape", "lock-scroll", "teleport", "show", "onOpen", "onClose", "onClosed", "onOpened", "onKeyEscape", "onRouteChange"]);
 }
 const __sfc__$H = vue.defineComponent({
-  name: name$C,
+  name: name$D,
   components: {
-    VarSwipe: stdin_default$4p,
-    VarSwipeItem: stdin_default$4n,
-    VarPopup: stdin_default$5T,
-    VarIcon: stdin_default$5R
+    VarSwipe: stdin_default$4q,
+    VarSwipeItem: stdin_default$4o,
+    VarPopup: stdin_default$5U,
+    VarIcon: stdin_default$5S
   },
   inheritAttrs: false,
   props: props$D,
@@ -16123,7 +16160,7 @@ const __sfc__$H = vue.defineComponent({
   }
 });
 __sfc__$H.render = __render__$G;
-var stdin_default$4m = __sfc__$H;
+var stdin_default$4n = __sfc__$H;
 var __defProp$a = Object.defineProperty;
 var __defProps$2 = Object.defineProperties;
 var __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors;
@@ -16163,7 +16200,7 @@ function ImagePreview(options) {
   const reactiveImagePreviewOptions = vue.reactive(imagePreviewOptions);
   reactiveImagePreviewOptions.teleport = "body";
   singletonOptions$1 = reactiveImagePreviewOptions;
-  const { unmountInstance } = mountInstance(stdin_default$4m, reactiveImagePreviewOptions, {
+  const { unmountInstance } = mountInstance(stdin_default$4n, reactiveImagePreviewOptions, {
     onClose: () => call(reactiveImagePreviewOptions.onClose),
     onClosed: () => {
       call(reactiveImagePreviewOptions.onClosed);
@@ -16195,12 +16232,12 @@ ImagePreview.setDefaultOptions = (options) => {
 ImagePreview.resetDefaultOptions = () => {
   defaultOptions$1 = {};
 };
-ImagePreview.Component = stdin_default$4m;
-withInstall(stdin_default$4m);
-withInstall(stdin_default$4m, ImagePreview);
+ImagePreview.Component = stdin_default$4n;
+withInstall(stdin_default$4n);
+withInstall(stdin_default$4n, ImagePreview);
 withPropsDefaultsSetter(ImagePreview, props$D);
-const _ImagePreviewComponent = stdin_default$4m;
-var stdin_default$4l = ImagePreview;
+const _ImagePreviewComponent = stdin_default$4n;
+var stdin_default$4m = ImagePreview;
 const INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol("INDEX_BAR_BIND_INDEX_ANCHOR_KEY");
 function useIndexAnchors() {
   const { bindChildren, length, childProviders } = useChildren(
@@ -16228,7 +16265,7 @@ function useIndexBar() {
 const props$C = {
   index: [Number, String]
 };
-const { name: name$B, n: n$E, classes: classes$y } = createNamespace("index-anchor");
+const { name: name$C, n: n$E, classes: classes$y } = createNamespace("index-anchor");
 function __render__$F(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.sticky ? _ctx.n("$-sticky") : _ctx.Transition), {
     "offset-top": _ctx.sticky ? _ctx.stickyOffsetTop : null,
@@ -16261,8 +16298,8 @@ function __render__$F(_ctx, _cache) {
   }, 8, ["offset-top", "z-index", "disabled", "css-mode"]);
 }
 const __sfc__$G = vue.defineComponent({
-  name: name$B,
-  components: { VarSticky: stdin_default$4P },
+  name: name$C,
+  components: { VarSticky: stdin_default$4Q },
   inheritAttrs: false,
   props: props$C,
   setup(props2) {
@@ -16303,11 +16340,11 @@ const __sfc__$G = vue.defineComponent({
   }
 });
 __sfc__$G.render = __render__$F;
-var stdin_default$4k = __sfc__$G;
-withInstall(stdin_default$4k);
-withPropsDefaultsSetter(stdin_default$4k, props$C);
-const _IndexAnchorComponent = stdin_default$4k;
-var stdin_default$4j = stdin_default$4k;
+var stdin_default$4l = __sfc__$G;
+withInstall(stdin_default$4l);
+withPropsDefaultsSetter(stdin_default$4l, props$C);
+const _IndexAnchorComponent = stdin_default$4l;
+var stdin_default$4k = stdin_default$4l;
 const props$B = {
   sticky: {
     type: Boolean,
@@ -16351,7 +16388,7 @@ var __async$6 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$A, n: n$D, classes: classes$x } = createNamespace("index-bar");
+const { name: name$B, n: n$D, classes: classes$x } = createNamespace("index-bar");
 const _hoisted_1$j = ["onClick"];
 function __render__$E(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
@@ -16401,7 +16438,7 @@ function __render__$E(_ctx, _cache) {
   );
 }
 const __sfc__$F = vue.defineComponent({
-  name: name$A,
+  name: name$B,
   props: props$B,
   setup(props2) {
     const clickedName = vue.ref("");
@@ -16530,11 +16567,11 @@ const __sfc__$F = vue.defineComponent({
   }
 });
 __sfc__$F.render = __render__$E;
-var stdin_default$4i = __sfc__$F;
-withInstall(stdin_default$4i);
-withPropsDefaultsSetter(stdin_default$4i, props$B);
-const _IndexBarComponent = stdin_default$4i;
-var stdin_default$4h = stdin_default$4i;
+var stdin_default$4j = __sfc__$F;
+withInstall(stdin_default$4j);
+withPropsDefaultsSetter(stdin_default$4j, props$B);
+const _IndexBarComponent = stdin_default$4j;
+var stdin_default$4i = stdin_default$4j;
 var __defProp$9 = Object.defineProperty;
 var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
 var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
@@ -16595,7 +16632,7 @@ const props$A = __spreadValues$9({
   "clearable",
   "onClick"
 ]));
-const { name: name$z, n: n$C, classes: classes$w } = createNamespace("input");
+const { name: name$A, n: n$C, classes: classes$w } = createNamespace("input");
 const _hoisted_1$i = ["placeholder", "enterkeyhint"];
 const _hoisted_2$b = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "rows", "enterkeyhint", "inputmode"];
 const _hoisted_3$a = ["id", "disabled", "readonly", "type", "value", "placeholder", "maxlength", "enterkeyhint", "inputmode"];
@@ -16757,10 +16794,10 @@ function __render__$D(_ctx, _cache) {
   );
 }
 const __sfc__$E = vue.defineComponent({
-  name: name$z,
+  name: name$A,
   components: {
-    VarFormDetails: stdin_default$5a,
-    VarFieldDecorator: stdin_default$4x
+    VarFormDetails: stdin_default$5b,
+    VarFieldDecorator: stdin_default$4y
   },
   props: props$A,
   setup(props2) {
@@ -16958,11 +16995,11 @@ const __sfc__$E = vue.defineComponent({
   }
 });
 __sfc__$E.render = __render__$D;
-var stdin_default$4g = __sfc__$E;
-withInstall(stdin_default$4g);
-withPropsDefaultsSetter(stdin_default$4g, props$A);
-const _InputComponent = stdin_default$4g;
-var stdin_default$4f = stdin_default$4g;
+var stdin_default$4h = __sfc__$E;
+withInstall(stdin_default$4h);
+withPropsDefaultsSetter(stdin_default$4h, props$A);
+const _InputComponent = stdin_default$4h;
+var stdin_default$4g = stdin_default$4h;
 const props$z = {
   type: {
     type: String,
@@ -16982,7 +17019,7 @@ const props$z = {
   textColor: String,
   onClick: defineListenerProp()
 };
-const { name: name$y, n: n$B, classes: classes$v } = createNamespace("link");
+const { name: name$z, n: n$B, classes: classes$v } = createNamespace("link");
 function __render__$C(_ctx, _cache) {
   return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps(_ctx.linkProps, {
     class: _ctx.classes(
@@ -17010,7 +17047,7 @@ function __render__$C(_ctx, _cache) {
   }, 16, ["class", "style", "onClick"]);
 }
 const __sfc__$D = vue.defineComponent({
-  name: name$y,
+  name: name$z,
   props: props$z,
   setup(props2) {
     const isFocusing = vue.ref(false);
@@ -17059,11 +17096,11 @@ const __sfc__$D = vue.defineComponent({
   }
 });
 __sfc__$D.render = __render__$C;
-var stdin_default$4e = __sfc__$D;
-withInstall(stdin_default$4e);
-withPropsDefaultsSetter(stdin_default$4e, props$z);
-const _LinkComponent = stdin_default$4e;
-var stdin_default$4d = stdin_default$4e;
+var stdin_default$4f = __sfc__$D;
+withInstall(stdin_default$4f);
+withPropsDefaultsSetter(stdin_default$4f, props$z);
+const _LinkComponent = stdin_default$4f;
+var stdin_default$4e = stdin_default$4f;
 const props$y = {
   loading: Boolean,
   immediateCheck: {
@@ -17144,7 +17181,7 @@ var __async$5 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$x, n: n$A, classes: classes$u } = createNamespace("list");
+const { name: name$y, n: n$A, classes: classes$u } = createNamespace("list");
 function __render__$B(_ctx, _cache) {
   const _component_var_loading = vue.resolveComponent("var-loading");
   const _directive_ripple = vue.resolveDirective("ripple");
@@ -17237,9 +17274,9 @@ function __render__$B(_ctx, _cache) {
   );
 }
 const __sfc__$C = vue.defineComponent({
-  name: name$x,
-  directives: { Ripple: stdin_default$5V },
-  components: { VarLoading: stdin_default$5w },
+  name: name$y,
+  directives: { Ripple: stdin_default$5W },
+  components: { VarLoading: stdin_default$5x },
   props: props$y,
   setup(props2) {
     const listEl = vue.ref(null);
@@ -17297,11 +17334,11 @@ const __sfc__$C = vue.defineComponent({
   }
 });
 __sfc__$C.render = __render__$B;
-var stdin_default$4c = __sfc__$C;
-withInstall(stdin_default$4c);
-withPropsDefaultsSetter(stdin_default$4c, props$y);
-const _ListComponent = stdin_default$4c;
-var stdin_default$4b = stdin_default$4c;
+var stdin_default$4d = __sfc__$C;
+withInstall(stdin_default$4d);
+withPropsDefaultsSetter(stdin_default$4d, props$y);
+const _ListComponent = stdin_default$4d;
+var stdin_default$4c = stdin_default$4d;
 const props$x = {
   value: {
     type: Number,
@@ -17318,18 +17355,18 @@ const props$x = {
   top: [Number, String]
 };
 const {
-  name: name$w,
+  name: name$x,
   classes: classes$t,
   n: n$z
 } = createNamespace("loading-bar");
-var stdin_default$4a = vue.defineComponent({
-  name: name$w,
+var stdin_default$4b = vue.defineComponent({
+  name: name$x,
   props: props$x,
   setup(props2) {
     return () => vue.createVNode("div", {
       "class": classes$t(n$z(), [props2.error, n$z("--error")]),
       "style": {
-        zIndex: stdin_default$5W.zIndex + 10,
+        zIndex: stdin_default$5X.zIndex + 10,
         width: `${props2.value}%`,
         opacity: props2.opacity,
         height: toSizeUnit(props2.height),
@@ -17365,7 +17402,7 @@ const resetDefaultOptions = () => {
 const mount = () => {
   if (!isMount$1) {
     isMount$1 = true;
-    mountInstance(stdin_default$4a, props$w);
+    mountInstance(stdin_default$4b, props$w);
   }
 };
 const tickValue = () => {
@@ -17426,7 +17463,7 @@ const LoadingBar = {
   resetDefaultOptions
 };
 const _LoadingBarComponent = LoadingBar;
-var stdin_default$49 = LoadingBar;
+var stdin_default$4a = LoadingBar;
 const props$v = {
   show: Boolean,
   disabled: Boolean,
@@ -17477,7 +17514,7 @@ const props$v = {
   onClickOutside: defineListenerProp(),
   "onUpdate:show": defineListenerProp()
 };
-const { name: name$v, n: n$y, classes: classes$s } = createNamespace("menu");
+const { name: name$w, n: n$y, classes: classes$s } = createNamespace("menu");
 function __render__$A(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -17542,7 +17579,7 @@ function __render__$A(_ctx, _cache) {
   );
 }
 const __sfc__$B = vue.defineComponent({
-  name: name$v,
+  name: name$w,
   props: props$v,
   setup(props2) {
     const { disabled: teleportDisabled } = useTeleport();
@@ -17591,11 +17628,11 @@ const __sfc__$B = vue.defineComponent({
   }
 });
 __sfc__$B.render = __render__$A;
-var stdin_default$48 = __sfc__$B;
-withInstall(stdin_default$48);
-withPropsDefaultsSetter(stdin_default$48, props$v);
-const _MenuComponent = stdin_default$48;
-var stdin_default$47 = stdin_default$48;
+var stdin_default$49 = __sfc__$B;
+withInstall(stdin_default$49);
+withPropsDefaultsSetter(stdin_default$49, props$v);
+const _MenuComponent = stdin_default$49;
+var stdin_default$48 = stdin_default$49;
 const MENU_SELECT_BIND_MENU_OPTION_KEY = Symbol("MENU_SELECT_BIND_MENU_OPTION_KEY");
 function useMenuOptions() {
   const { length, childProviders, bindChildren } = useChildren(
@@ -17625,7 +17662,7 @@ const props$u = {
   value: {},
   disabled: Boolean
 };
-const { name: name$u, n: n$x, classes: classes$r } = createNamespace("menu-option");
+const { name: name$v, n: n$x, classes: classes$r } = createNamespace("menu-option");
 const _hoisted_1$h = ["tabindex"];
 function __render__$z(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
@@ -17682,11 +17719,11 @@ function __render__$z(_ctx, _cache) {
   ]);
 }
 const __sfc__$A = vue.defineComponent({
-  name: name$u,
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  name: name$v,
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   components: {
-    VarCheckbox: stdin_default$58,
-    VarHoverOverlay: stdin_default$5P
+    VarCheckbox: stdin_default$59,
+    VarHoverOverlay: stdin_default$5Q
   },
   props: props$u,
   setup(props2) {
@@ -17760,11 +17797,11 @@ const __sfc__$A = vue.defineComponent({
   }
 });
 __sfc__$A.render = __render__$z;
-var stdin_default$46 = __sfc__$A;
-withInstall(stdin_default$46);
-withPropsDefaultsSetter(stdin_default$46, props$u);
-const _MenuOptionComponent = stdin_default$46;
-var stdin_default$45 = stdin_default$46;
+var stdin_default$47 = __sfc__$A;
+withInstall(stdin_default$47);
+withPropsDefaultsSetter(stdin_default$47, props$u);
+const _MenuOptionComponent = stdin_default$47;
+var stdin_default$46 = stdin_default$47;
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
 var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
@@ -17878,7 +17915,7 @@ function useSelectController(options) {
     getSelectedValue
   };
 }
-const { name: name$t, n: n$w, classes: classes$q } = createNamespace("menu-select");
+const { name: name$u, n: n$w, classes: classes$q } = createNamespace("menu-select");
 function __render__$y(_ctx, _cache) {
   const _component_var_menu = vue.resolveComponent("var-menu");
   return vue.openBlock(), vue.createBlock(_component_var_menu, {
@@ -17929,8 +17966,8 @@ function __render__$y(_ctx, _cache) {
   }, 8, ["class", "disabled", "trigger", "reference", "placement", "strategy", "offset-x", "offset-y", "teleport", "same-width", "elevation", "popover-class", "close-on-click-reference", "show", "onOpen", "onOpened", "onClose", "onClosed", "onClickOutside"]);
 }
 const __sfc__$z = vue.defineComponent({
-  name: name$t,
-  components: { VarMenu: stdin_default$47 },
+  name: name$u,
+  components: { VarMenu: stdin_default$48 },
   props: props$t,
   setup(props2) {
     const menu = vue.ref(null);
@@ -18002,11 +18039,11 @@ const __sfc__$z = vue.defineComponent({
   }
 });
 __sfc__$z.render = __render__$y;
-var stdin_default$44 = __sfc__$z;
-withInstall(stdin_default$44);
-withPropsDefaultsSetter(stdin_default$44, props$t);
-const _MenuSelectComponent = stdin_default$44;
-var stdin_default$43 = stdin_default$44;
+var stdin_default$45 = __sfc__$z;
+withInstall(stdin_default$45);
+withPropsDefaultsSetter(stdin_default$45, props$t);
+const _MenuSelectComponent = stdin_default$45;
+var stdin_default$44 = stdin_default$45;
 const SELECT_BIND_OPTION_KEY = Symbol("SELECT_BIND_OPTION_KEY");
 function useOptions() {
   const { length, childProviders, bindChildren } = useChildren(SELECT_BIND_OPTION_KEY);
@@ -18032,7 +18069,7 @@ const props$s = {
   value: {},
   disabled: Boolean
 };
-const { name: name$s, n: n$v, classes: classes$p } = createNamespace("option");
+const { name: name$t, n: n$v, classes: classes$p } = createNamespace("option");
 const _hoisted_1$g = ["tabindex"];
 function __render__$x(_ctx, _cache) {
   const _component_var_checkbox = vue.resolveComponent("var-checkbox");
@@ -18094,11 +18131,11 @@ function __render__$x(_ctx, _cache) {
   ]);
 }
 const __sfc__$y = vue.defineComponent({
-  name: name$s,
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  name: name$t,
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   components: {
-    VarCheckbox: stdin_default$58,
-    VarHoverOverlay: stdin_default$5P
+    VarCheckbox: stdin_default$59,
+    VarHoverOverlay: stdin_default$5Q
   },
   props: props$s,
   setup(props2) {
@@ -18172,11 +18209,11 @@ const __sfc__$y = vue.defineComponent({
   }
 });
 __sfc__$y.render = __render__$x;
-var stdin_default$42 = __sfc__$y;
-withInstall(stdin_default$42);
-withPropsDefaultsSetter(stdin_default$42, props$s);
-const _OptionComponent = stdin_default$42;
-var stdin_default$41 = stdin_default$42;
+var stdin_default$43 = __sfc__$y;
+withInstall(stdin_default$43);
+withPropsDefaultsSetter(stdin_default$43, props$s);
+const _OptionComponent = stdin_default$43;
+var stdin_default$42 = stdin_default$43;
 const props$r = {
   show: Boolean,
   lockScroll: {
@@ -18193,11 +18230,11 @@ const props$r = {
   "onUpdate:show": defineListenerProp()
 };
 const {
-  name: name$r,
+  name: name$s,
   n: n$u
 } = createNamespace("overlay");
-var stdin_default$40 = vue.defineComponent({
-  name: name$r,
+var stdin_default$41 = vue.defineComponent({
+  name: name$s,
   inheritAttrs: false,
   props: props$r,
   setup(props2, {
@@ -18263,10 +18300,10 @@ var stdin_default$40 = vue.defineComponent({
     };
   }
 });
-withInstall(stdin_default$40);
-withPropsDefaultsSetter(stdin_default$40, props$r);
-const _OverlayComponent = stdin_default$40;
-var stdin_default$3$ = stdin_default$40;
+withInstall(stdin_default$41);
+withPropsDefaultsSetter(stdin_default$41, props$r);
+const _OverlayComponent = stdin_default$41;
+var stdin_default$40 = stdin_default$41;
 const props$q = {
   current: [Number, String],
   size: {
@@ -18304,7 +18341,7 @@ const props$q = {
   "onUpdate:current": defineListenerProp(),
   "onUpdate:size": defineListenerProp()
 };
-const { name: name$q, n: n$t, classes: classes$o } = createNamespace("pagination");
+const { name: name$r, n: n$t, classes: classes$o } = createNamespace("pagination");
 const _hoisted_1$f = ["item-mode", "onClick"];
 function __render__$w(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -18540,14 +18577,14 @@ function __render__$w(_ctx, _cache) {
   );
 }
 const __sfc__$x = vue.defineComponent({
-  name: name$q,
+  name: name$r,
   components: {
-    VarMenuSelect: stdin_default$43,
-    VarMenuOption: stdin_default$45,
-    VarIcon: stdin_default$5R,
-    VarInput: stdin_default$4f
+    VarMenuSelect: stdin_default$44,
+    VarMenuOption: stdin_default$46,
+    VarIcon: stdin_default$5S,
+    VarInput: stdin_default$4g
   },
-  directives: { Ripple: stdin_default$5V },
+  directives: { Ripple: stdin_default$5W },
   props: props$q,
   setup(props2) {
     const quickJumperValue = vue.ref("");
@@ -18702,11 +18739,11 @@ const __sfc__$x = vue.defineComponent({
   }
 });
 __sfc__$x.render = __render__$w;
-var stdin_default$3_ = __sfc__$x;
-withInstall(stdin_default$3_);
-withPropsDefaultsSetter(stdin_default$3_, props$q);
-const _PaginationComponent = stdin_default$3_;
-var stdin_default$3Z = stdin_default$3_;
+var stdin_default$3$ = __sfc__$x;
+withInstall(stdin_default$3$);
+withPropsDefaultsSetter(stdin_default$3$, props$q);
+const _PaginationComponent = stdin_default$3$;
+var stdin_default$3_ = stdin_default$3$;
 const props$p = {
   elevation: {
     type: [Boolean, Number, String],
@@ -18720,7 +18757,7 @@ const props$p = {
   inline: Boolean,
   onClick: defineListenerProp()
 };
-const { name: name$p, n: n$s, classes: classes$n } = createNamespace("paper");
+const { name: name$q, n: n$s, classes: classes$n } = createNamespace("paper");
 function __render__$v(_ctx, _cache) {
   const _directive_ripple = vue.resolveDirective("ripple");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock(
@@ -18753,8 +18790,8 @@ function __render__$v(_ctx, _cache) {
   ]);
 }
 const __sfc__$w = vue.defineComponent({
-  name: name$p,
-  directives: { Ripple: stdin_default$5V },
+  name: name$q,
+  directives: { Ripple: stdin_default$5W },
   props: props$p,
   setup(props2) {
     function handleClick(e) {
@@ -18770,11 +18807,11 @@ const __sfc__$w = vue.defineComponent({
   }
 });
 __sfc__$w.render = __render__$v;
-var stdin_default$3Y = __sfc__$w;
-withInstall(stdin_default$3Y);
-withPropsDefaultsSetter(stdin_default$3Y, props$p);
-const _PaperComponent = stdin_default$3Y;
-var stdin_default$3X = stdin_default$3Y;
+var stdin_default$3Z = __sfc__$w;
+withInstall(stdin_default$3Z);
+withPropsDefaultsSetter(stdin_default$3Z, props$p);
+const _PaperComponent = stdin_default$3Z;
+var stdin_default$3Y = stdin_default$3Z;
 var __defProp$7 = Object.defineProperty;
 var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
 var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
@@ -18851,7 +18888,7 @@ const props$o = __spreadValues$7({
   "onRouteChange",
   "onKeyEscape"
 ]));
-const { name: name$o, n: n$r, classes: classes$m } = createNamespace("picker");
+const { name: name$p, n: n$r, classes: classes$m } = createNamespace("picker");
 const MOMENTUM_RECORD_TIME = 300;
 const MOMENTUM_ALLOW_DISTANCE = 15;
 const TRANSITION_DURATION = 200;
@@ -19060,10 +19097,10 @@ function __render__$u(_ctx, _cache) {
   );
 }
 const __sfc__$v = vue.defineComponent({
-  name: name$o,
+  name: name$p,
   components: {
-    VarButton: stdin_default$5u,
-    VarPopup: stdin_default$5T
+    VarButton: stdin_default$5v,
+    VarPopup: stdin_default$5U
   },
   inheritAttrs: false,
   props: props$o,
@@ -19332,7 +19369,7 @@ const __sfc__$v = vue.defineComponent({
   }
 });
 __sfc__$v.render = __render__$u;
-var stdin_default$3W = __sfc__$v;
+var stdin_default$3X = __sfc__$v;
 let singletonOptions;
 function Picker(options) {
   return new Promise((resolve) => {
@@ -19345,7 +19382,7 @@ function Picker(options) {
     function resetSingletonOptions() {
       singletonOptions === reactivePickerOptions && (singletonOptions = null);
     }
-    const { unmountInstance } = mountInstance(stdin_default$3W, reactivePickerOptions, {
+    const { unmountInstance } = mountInstance(stdin_default$3X, reactivePickerOptions, {
       onConfirm: (values, indexes, options2) => {
         call(reactivePickerOptions.onConfirm, values, indexes, options2);
         resolve({
@@ -19401,12 +19438,12 @@ Picker.close = function() {
     prevSingletonOptions.show = false;
   });
 };
-Picker.Component = stdin_default$3W;
-withInstall(stdin_default$3W);
-withInstall(stdin_default$3W, Picker);
+Picker.Component = stdin_default$3X;
+withInstall(stdin_default$3X);
+withInstall(stdin_default$3X, Picker);
 withPropsDefaultsSetter(Picker, props$o);
-const _PickerComponent = stdin_default$3W;
-var stdin_default$3V = Picker;
+const _PickerComponent = stdin_default$3X;
+var stdin_default$3W = Picker;
 const props$n = {
   mode: {
     type: String,
@@ -19446,7 +19483,7 @@ const MAX = 100;
 const MIN = 0;
 const RADIUS = 20;
 const CIRCUMFERENCE = 2 * Math.PI * RADIUS;
-const { name: name$n, n: n$q, classes: classes$l } = createNamespace("progress");
+const { name: name$o, n: n$q, classes: classes$l } = createNamespace("progress");
 const _hoisted_1$d = ["aria-valuenow"];
 const _hoisted_2$9 = ["viewBox"];
 const _hoisted_3$8 = { key: 0 };
@@ -19628,7 +19665,7 @@ function __render__$t(_ctx, _cache) {
   ], 10, _hoisted_1$d);
 }
 const __sfc__$u = vue.defineComponent({
-  name: name$n,
+  name: name$o,
   props: props$n,
   setup(props2) {
     const id = useClientId();
@@ -19689,11 +19726,11 @@ const __sfc__$u = vue.defineComponent({
   }
 });
 __sfc__$u.render = __render__$t;
-var stdin_default$3U = __sfc__$u;
-withInstall(stdin_default$3U);
-withPropsDefaultsSetter(stdin_default$3U, props$n);
-const _ProgressComponent = stdin_default$3U;
-var stdin_default$3T = stdin_default$3U;
+var stdin_default$3V = __sfc__$u;
+withInstall(stdin_default$3V);
+withPropsDefaultsSetter(stdin_default$3V, props$n);
+const _ProgressComponent = stdin_default$3V;
+var stdin_default$3U = stdin_default$3V;
 const props$m = {
   modelValue: Boolean,
   disabled: Boolean,
@@ -19733,7 +19770,7 @@ var __async$4 = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-const { name: name$m, n: n$p, classes: classes$k } = createNamespace("pull-refresh");
+const { name: name$n, n: n$p, classes: classes$k } = createNamespace("pull-refresh");
 const ICON_TRANSITION = 150;
 function __render__$s(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -19772,8 +19809,8 @@ function __render__$s(_ctx, _cache) {
   );
 }
 const __sfc__$t = vue.defineComponent({
-  name: name$m,
-  components: { VarIcon: stdin_default$5R },
+  name: name$n,
+  components: { VarIcon: stdin_default$5S },
   props: props$m,
   setup(props2) {
     const controlPosition = vue.ref(0);
@@ -19918,11 +19955,11 @@ const __sfc__$t = vue.defineComponent({
   }
 });
 __sfc__$t.render = __render__$s;
-var stdin_default$3S = __sfc__$t;
-withInstall(stdin_default$3S);
-withPropsDefaultsSetter(stdin_default$3S, props$m);
-const _PullRefreshComponent = stdin_default$3S;
-var stdin_default$3R = stdin_default$3S;
+var stdin_default$3T = __sfc__$t;
+withInstall(stdin_default$3T);
+withPropsDefaultsSetter(stdin_default$3T, props$m);
+const _PullRefreshComponent = stdin_default$3T;
+var stdin_default$3S = stdin_default$3T;
 const props$l = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -19973,7 +20010,7 @@ function useRadioGroup() {
     bindRadioGroup: bindParent
   };
 }
-const { name: name$l, n: n$o, classes: classes$j } = createNamespace("radio");
+const { name: name$m, n: n$o, classes: classes$j } = createNamespace("radio");
 const _hoisted_1$c = ["tabindex"];
 function __render__$r(_ctx, _cache) {
   const _component_var_icon = vue.resolveComponent("var-icon");
@@ -20046,7 +20083,7 @@ function __render__$r(_ctx, _cache) {
               onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleTextClick && _ctx.handleTextClick(...args))
             },
             [
-              vue.renderSlot(_ctx.$slots, "default")
+              vue.renderSlot(_ctx.$slots, "default", { checked: _ctx.checked })
             ],
             2
             /* CLASS */
@@ -20062,12 +20099,12 @@ function __render__$r(_ctx, _cache) {
   );
 }
 const __sfc__$s = vue.defineComponent({
-  name: name$l,
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  name: name$m,
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   components: {
-    VarIcon: stdin_default$5R,
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarIcon: stdin_default$5S,
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
   inheritAttrs: false,
   props: props$l,
@@ -20200,11 +20237,48 @@ const __sfc__$s = vue.defineComponent({
   }
 });
 __sfc__$s.render = __render__$r;
-var stdin_default$3Q = __sfc__$s;
-withInstall(stdin_default$3Q);
-withPropsDefaultsSetter(stdin_default$3Q, props$l);
-const _RadioComponent = stdin_default$3Q;
-var stdin_default$3P = stdin_default$3Q;
+var stdin_default$3R = __sfc__$s;
+withInstall(stdin_default$3R);
+withPropsDefaultsSetter(stdin_default$3R, props$l);
+const _RadioComponent = stdin_default$3R;
+var stdin_default$3Q = stdin_default$3R;
+const {
+  name: name$l
+} = createNamespace("radio-group-option");
+var stdin_default$3P = vue.defineComponent({
+  name: name$l,
+  props: {
+    labelKey: {
+      type: String,
+      required: true
+    },
+    valueKey: {
+      type: String,
+      required: true
+    },
+    option: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props2) {
+    return () => {
+      const {
+        option,
+        labelKey,
+        valueKey
+      } = props2;
+      return vue.createVNode(stdin_default$3Q, {
+        "checkedValue": option[valueKey],
+        "disabled": option.disabled
+      }, {
+        default: ({
+          checked
+        }) => isFunction(option[labelKey]) ? option[labelKey](option, checked) : option[labelKey]
+      });
+    };
+  }
+});
 const props$k = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -20214,6 +20288,15 @@ const props$k = {
     type: String,
     default: "horizontal"
   },
+  options: Array,
+  labelKey: {
+    type: String,
+    default: "label"
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
   validateTrigger: {
     type: Array,
     default: () => ["onChange"]
@@ -20224,6 +20307,7 @@ const props$k = {
 };
 const { name: name$k, n: n$n, classes: classes$i } = createNamespace("radio-group");
 function __render__$q(_ctx, _cache) {
+  const _component_radio_group_option = vue.resolveComponent("radio-group-option");
   const _component_var_form_details = vue.resolveComponent("var-form-details");
   return vue.openBlock(), vue.createElementBlock(
     "div",
@@ -20237,6 +20321,20 @@ function __render__$q(_ctx, _cache) {
           class: vue.normalizeClass(_ctx.classes(_ctx.n(), _ctx.n(`--${_ctx.direction}`)))
         },
         [
+          _ctx.radioGroupOptions.length ? (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            { key: 0 },
+            vue.renderList(_ctx.radioGroupOptions, (option) => {
+              return vue.openBlock(), vue.createBlock(_component_radio_group_option, {
+                key: option[_ctx.valueKey],
+                "label-key": _ctx.labelKey,
+                "value-key": _ctx.valueKey,
+                option
+              }, null, 8, ["label-key", "value-key", "option"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          )) : vue.createCommentVNode("v-if", true),
           vue.renderSlot(_ctx.$slots, "default")
         ],
         2
@@ -20250,7 +20348,7 @@ function __render__$q(_ctx, _cache) {
 }
 const __sfc__$r = vue.defineComponent({
   name: name$k,
-  components: { VarFormDetails: stdin_default$5a },
+  components: { VarFormDetails: stdin_default$5b, RadioGroupOption: stdin_default$3P },
   props: props$k,
   setup(props2) {
     const { length, radios, bindRadios } = useRadios();
@@ -20262,6 +20360,7 @@ const __sfc__$r = vue.defineComponent({
       // expose
       resetValidation
     } = useValidation();
+    const radioGroupOptions = vue.computed(() => isArray(props2.options) ? props2.options : []);
     const radioGroupErrorMessage = vue.computed(() => errorMessage.value);
     const radioGroupProvider = {
       onToggle,
@@ -20342,7 +20441,8 @@ const __sfc__$r = vue.defineComponent({
       classes: classes$i,
       reset,
       validate,
-      resetValidation
+      resetValidation,
+      radioGroupOptions
     };
   }
 });
@@ -20455,11 +20555,11 @@ function __render__$p(_ctx, _cache) {
 const __sfc__$q = vue.defineComponent({
   name: name$j,
   components: {
-    VarIcon: stdin_default$5R,
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarIcon: stdin_default$5S,
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   props: props$j,
   setup(props2) {
     const currentHoveringValue = vue.ref(-1);
@@ -21260,11 +21360,11 @@ function __render__$g(_ctx, _cache) {
 const __sfc__$h = vue.defineComponent({
   name: name$g,
   components: {
-    VarIcon: stdin_default$5R,
-    VarMenu: stdin_default$47,
-    VarChip: stdin_default$53,
-    VarFieldDecorator: stdin_default$4x,
-    VarFormDetails: stdin_default$5a
+    VarIcon: stdin_default$5S,
+    VarMenu: stdin_default$48,
+    VarChip: stdin_default$54,
+    VarFieldDecorator: stdin_default$4y,
+    VarFormDetails: stdin_default$5b
   },
   props: props$g,
   setup(props2) {
@@ -21934,10 +22034,10 @@ function __render__$e(_ctx, _cache) {
 const __sfc__$f = vue.defineComponent({
   name: name$e,
   components: {
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
-  directives: { Hover: stdin_default$5O },
+  directives: { Hover: stdin_default$5P },
   props: props$e,
   setup(props2) {
     const maxDistance = vue.ref(0);
@@ -22480,8 +22580,8 @@ function __render__$d(_ctx, _cache) {
 const __sfc__$e = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: stdin_default$5w,
-    VarIcon: stdin_default$5R
+    VarLoading: stdin_default$5x,
+    VarIcon: stdin_default$5S
   },
   props: props$d,
   setup(props2) {
@@ -22687,7 +22787,7 @@ const TransitionGroupHost = {
       });
       return vue.createVNode(vue.TransitionGroup, vue.mergeProps(transitionGroupProps, {
         "style": {
-          zIndex: stdin_default$5W.zIndex
+          zIndex: stdin_default$5X.zIndex
         },
         "onAfterEnter": opened,
         "onAfterLeave": removeUniqOption
@@ -23036,7 +23136,7 @@ function __render__$b(_ctx, _cache) {
 }
 const __sfc__$c = vue.defineComponent({
   name: name$b,
-  components: { VarIcon: stdin_default$5R },
+  components: { VarIcon: stdin_default$5S },
   props: props$b,
   setup() {
     const { index, steps, bindSteps } = useSteps();
@@ -23150,15 +23250,33 @@ const __sfc__$a = vue.defineComponent({
   }
 });
 var stdin_default$3l = __sfc__$a;
-const mountedVarKeys = [];
+const styleId = "varlet-style-vars";
+function removeStyle() {
+  const style = document.head.querySelector(`#${styleId}`);
+  if (style) {
+    document.head.removeChild(style);
+  }
+}
+function insertStyle(content) {
+  const style = document.createElement("style");
+  style.id = styleId;
+  style.innerHTML = content;
+  document.head.appendChild(style);
+}
 function StyleProvider(styleVars) {
-  mountedVarKeys.forEach((key) => document.documentElement.style.removeProperty(key));
-  mountedVarKeys.length = 0;
+  if (styleVars == null) {
+    removeStyle();
+    return;
+  }
   const styles = formatStyleVars(styleVars != null ? styleVars : {});
-  Object.entries(styles).forEach(([key, value]) => {
-    document.documentElement.style.setProperty(key, value);
-    mountedVarKeys.push(key);
-  });
+  const content = Object.entries(styles).reduce((content2, [key, value]) => {
+    content2 += `${key}:${value};`;
+    return content2;
+  }, `:root:root {
+`);
+  removeStyle();
+  insertStyle(`${content}
+}`);
 }
 StyleProvider.Component = stdin_default$3l;
 withInstall(stdin_default$3l);
@@ -23314,10 +23432,10 @@ function __render__$9(_ctx, _cache) {
 const __sfc__$9 = vue.defineComponent({
   name: name$8,
   components: {
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   props: props$8,
   setup(props2) {
     const switchRef = vue.ref(null);
@@ -23511,7 +23629,7 @@ function __render__$8(_ctx, _cache) {
 }
 const __sfc__$8 = vue.defineComponent({
   name: name$7,
-  directives: { Ripple: stdin_default$5V },
+  directives: { Ripple: stdin_default$5W },
   props: props$7,
   setup(props2) {
     const tabEl = vue.ref(null);
@@ -23587,7 +23705,7 @@ function __render__$7(_ctx, _cache) {
 }
 const __sfc__$7 = vue.defineComponent({
   name: name$6,
-  components: { VarSwipeItem: stdin_default$4n },
+  components: { VarSwipeItem: stdin_default$4o },
   props: props$6,
   setup(props2) {
     const current = vue.ref(false);
@@ -23834,7 +23952,7 @@ function __render__$5(_ctx, _cache) {
 }
 const __sfc__$5 = vue.defineComponent({
   name: name$4,
-  components: { VarSticky: stdin_default$4P },
+  components: { VarSticky: stdin_default$4Q },
   inheritAttrs: false,
   props: props$4,
   setup(props2) {
@@ -24025,7 +24143,7 @@ function __render__$4(_ctx, _cache) {
 }
 const __sfc__$4 = vue.defineComponent({
   name: name$3,
-  components: { VarSwipe: stdin_default$4p },
+  components: { VarSwipe: stdin_default$4q },
   props: props$3,
   setup(props2) {
     const swipe = vue.ref(null);
@@ -28049,12 +28167,12 @@ function __render__$1(_ctx, _cache) {
 }
 const __sfc__$1 = vue.defineComponent({
   name: name$1,
-  directives: { Ripple: stdin_default$5V, Hover: stdin_default$5O },
+  directives: { Ripple: stdin_default$5W, Hover: stdin_default$5P },
   components: {
-    VarIcon: stdin_default$5R,
-    VarPopup: stdin_default$5T,
-    VarFormDetails: stdin_default$5a,
-    VarHoverOverlay: stdin_default$5P
+    VarIcon: stdin_default$5S,
+    VarPopup: stdin_default$5U,
+    VarFormDetails: stdin_default$5b,
+    VarHoverOverlay: stdin_default$5Q
   },
   props: props$1,
   setup(props2) {
@@ -28137,7 +28255,7 @@ const __sfc__$1 = vue.defineComponent({
       }
       const { url } = varFile;
       if (isHTMLSupportImage(url)) {
-        stdin_default$4l(url);
+        stdin_default$4m(url);
         return;
       }
       if (isHTMLSupportVideo(url)) {
@@ -28278,7 +28396,7 @@ const __sfc__$1 = vue.defineComponent({
     function closePreview() {
       currentPreview.value = null;
       showPreview.value = false;
-      stdin_default$4l.close();
+      stdin_default$4m.close();
     }
     function validateWithTrigger(trigger) {
       vue.nextTick(() => {
@@ -28628,72 +28746,72 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.2.13";
+const version = "3.2.14-alpha.1717685185218";
 function install(app) {
-  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$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);
-  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$4B.install && app.use(stdin_default$4B);
-  stdin_default$4z.install && app.use(stdin_default$4z);
-  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$5a.install && app.use(stdin_default$5a);
-  stdin_default$5O.install && app.use(stdin_default$5O);
+  stdin_default$5G.install && app.use(stdin_default$5G);
+  stdin_default$5E.install && app.use(stdin_default$5E);
+  stdin_default$5B.install && app.use(stdin_default$5B);
+  stdin_default$5z.install && app.use(stdin_default$5z);
+  stdin_default$5t.install && app.use(stdin_default$5t);
+  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$5v.install && app.use(stdin_default$5v);
+  stdin_default$5h.install && app.use(stdin_default$5h);
+  stdin_default$5f.install && app.use(stdin_default$5f);
+  stdin_default$5d.install && app.use(stdin_default$5d);
+  stdin_default$59.install && app.use(stdin_default$59);
+  stdin_default$56.install && app.use(stdin_default$56);
+  stdin_default$54.install && app.use(stdin_default$54);
+  stdin_default$52.install && app.use(stdin_default$52);
+  stdin_default$50.install && app.use(stdin_default$50);
+  stdin_default$4_.install && app.use(stdin_default$4_);
+  stdin_default$4Y.install && app.use(stdin_default$4Y);
+  stdin_default$5X.install && app.use(stdin_default$5X);
+  stdin_default$4W.install && app.use(stdin_default$4W);
+  stdin_default$4U.install && app.use(stdin_default$4U);
+  stdin_default$4M.install && app.use(stdin_default$4M);
+  stdin_default$4K.install && app.use(stdin_default$4K);
+  stdin_default$4I.install && app.use(stdin_default$4I);
+  stdin_default$4G.install && app.use(stdin_default$4G);
+  stdin_default$4C.install && app.use(stdin_default$4C);
+  stdin_default$4A.install && app.use(stdin_default$4A);
+  stdin_default$4y.install && app.use(stdin_default$4y);
+  stdin_default$4w.install && app.use(stdin_default$4w);
+  stdin_default$4u.install && app.use(stdin_default$4u);
+  stdin_default$5b.install && app.use(stdin_default$5b);
   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$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$5w.install && app.use(stdin_default$5w);
-  stdin_default$49.install && app.use(stdin_default$49);
-  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);
-  stdin_default$41.install && app.use(stdin_default$41);
-  stdin_default$3$.install && app.use(stdin_default$3$);
-  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$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$5Q.install && app.use(stdin_default$5Q);
+  stdin_default$5S.install && app.use(stdin_default$5S);
+  stdin_default$4s.install && app.use(stdin_default$4s);
+  stdin_default$4m.install && app.use(stdin_default$4m);
+  stdin_default$4k.install && app.use(stdin_default$4k);
+  stdin_default$4i.install && app.use(stdin_default$4i);
+  stdin_default$4g.install && app.use(stdin_default$4g);
+  stdin_default$5D.install && app.use(stdin_default$5D);
+  stdin_default$4e.install && app.use(stdin_default$4e);
+  stdin_default$4c.install && app.use(stdin_default$4c);
+  stdin_default$5x.install && app.use(stdin_default$5x);
+  stdin_default$4a.install && app.use(stdin_default$4a);
+  stdin_default$5I.install && app.use(stdin_default$5I);
+  stdin_default$48.install && app.use(stdin_default$48);
+  stdin_default$46.install && app.use(stdin_default$46);
+  stdin_default$44.install && app.use(stdin_default$44);
+  stdin_default$42.install && app.use(stdin_default$42);
+  stdin_default$40.install && app.use(stdin_default$40);
+  stdin_default$3_.install && app.use(stdin_default$3_);
+  stdin_default$3Y.install && app.use(stdin_default$3Y);
+  stdin_default$3W.install && app.use(stdin_default$3W);
+  stdin_default$5U.install && app.use(stdin_default$5U);
+  stdin_default$3U.install && app.use(stdin_default$3U);
+  stdin_default$3S.install && app.use(stdin_default$3S);
+  stdin_default$3Q.install && app.use(stdin_default$3Q);
   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$5V.install && app.use(stdin_default$5V);
+  stdin_default$5W.install && app.use(stdin_default$5W);
   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);
@@ -28702,10 +28820,10 @@ function install(app) {
   stdin_default$3q.install && app.use(stdin_default$3q);
   stdin_default$3o.install && app.use(stdin_default$3o);
   stdin_default$3m.install && app.use(stdin_default$3m);
-  stdin_default$4P.install && app.use(stdin_default$4P);
+  stdin_default$4Q.install && app.use(stdin_default$4Q);
   stdin_default$3k.install && app.use(stdin_default$3k);
-  stdin_default$4p.install && app.use(stdin_default$4p);
-  stdin_default$4n.install && app.use(stdin_default$4n);
+  stdin_default$4q.install && app.use(stdin_default$4q);
+  stdin_default$4o.install && app.use(stdin_default$4o);
   stdin_default$3i.install && app.use(stdin_default$3i);
   stdin_default$3g.install && app.use(stdin_default$3g);
   stdin_default$3e.install && app.use(stdin_default$3e);
@@ -28714,77 +28832,77 @@ function install(app) {
   stdin_default$38.install && app.use(stdin_default$38);
   stdin_default$7.install && app.use(stdin_default$7);
   stdin_default$4.install && app.use(stdin_default$4);
-  stdin_default$4D.install && app.use(stdin_default$4D);
+  stdin_default$4E.install && app.use(stdin_default$4E);
   stdin_default$2.install && app.use(stdin_default$2);
   stdin_default.install && app.use(stdin_default);
 }
 const index_bundle = {
   version,
   install,
-  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$5W,
-  Countdown: stdin_default$4V,
-  Counter: stdin_default$4T,
-  DatePicker: stdin_default$4L,
-  Dialog: stdin_default$4J,
-  Divider: stdin_default$4H,
-  Drag: stdin_default$4F,
-  Ellipsis: stdin_default$4B,
-  Fab: stdin_default$4z,
-  FieldDecorator: stdin_default$4x,
-  FloatingPanel: stdin_default$4v,
-  Form: stdin_default$4t,
-  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$5C,
-  Link: stdin_default$4d,
-  List: stdin_default$4b,
-  Loading: stdin_default$5w,
-  LoadingBar: stdin_default$49,
-  Locale: stdin_default$5H,
-  Menu: stdin_default$47,
-  MenuOption: stdin_default$45,
-  MenuSelect: stdin_default$43,
-  Option: stdin_default$41,
-  Overlay: stdin_default$3$,
-  Pagination: stdin_default$3Z,
-  Paper: stdin_default$3X,
-  Picker: stdin_default$3V,
-  Popup: stdin_default$5T,
-  Progress: stdin_default$3T,
-  PullRefresh: stdin_default$3R,
-  Radio: stdin_default$3P,
+  ActionSheet: stdin_default$5G,
+  AppBar: stdin_default$5E,
+  Avatar: stdin_default$5B,
+  AvatarGroup: stdin_default$5z,
+  BackTop: stdin_default$5t,
+  Badge: stdin_default$5r,
+  BottomNavigation: stdin_default$5p,
+  BottomNavigationItem: stdin_default$5n,
+  Breadcrumb: stdin_default$5l,
+  Breadcrumbs: stdin_default$5j,
+  Button: stdin_default$5v,
+  ButtonGroup: stdin_default$5h,
+  Card: stdin_default$5f,
+  Cell: stdin_default$5d,
+  Checkbox: stdin_default$59,
+  CheckboxGroup: stdin_default$56,
+  Chip: stdin_default$54,
+  Col: stdin_default$52,
+  Collapse: stdin_default$50,
+  CollapseItem: stdin_default$4_,
+  CollapseTransition: stdin_default$4Y,
+  Context: stdin_default$5X,
+  Countdown: stdin_default$4W,
+  Counter: stdin_default$4U,
+  DatePicker: stdin_default$4M,
+  Dialog: stdin_default$4K,
+  Divider: stdin_default$4I,
+  Drag: stdin_default$4G,
+  Ellipsis: stdin_default$4C,
+  Fab: stdin_default$4A,
+  FieldDecorator: stdin_default$4y,
+  FloatingPanel: stdin_default$4w,
+  Form: stdin_default$4u,
+  FormDetails: stdin_default$5b,
+  Hover: stdin_default$5P,
+  HoverOverlay: stdin_default$5Q,
+  Icon: stdin_default$5S,
+  Image: stdin_default$4s,
+  ImagePreview: stdin_default$4m,
+  IndexAnchor: stdin_default$4k,
+  IndexBar: stdin_default$4i,
+  Input: stdin_default$4g,
+  Lazy: stdin_default$5D,
+  Link: stdin_default$4e,
+  List: stdin_default$4c,
+  Loading: stdin_default$5x,
+  LoadingBar: stdin_default$4a,
+  Locale: stdin_default$5I,
+  Menu: stdin_default$48,
+  MenuOption: stdin_default$46,
+  MenuSelect: stdin_default$44,
+  Option: stdin_default$42,
+  Overlay: stdin_default$40,
+  Pagination: stdin_default$3_,
+  Paper: stdin_default$3Y,
+  Picker: stdin_default$3W,
+  Popup: stdin_default$5U,
+  Progress: stdin_default$3U,
+  PullRefresh: stdin_default$3S,
+  Radio: stdin_default$3Q,
   RadioGroup: stdin_default$3N,
   Rate: stdin_default$3L,
   Result: stdin_default$3D,
-  Ripple: stdin_default$5V,
+  Ripple: stdin_default$5W,
   Row: stdin_default$3B,
   Select: stdin_default$3z,
   Skeleton: stdin_default$3x,
@@ -28793,10 +28911,10 @@ const index_bundle = {
   Space: stdin_default$3q,
   Step: stdin_default$3o,
   Steps: stdin_default$3m,
-  Sticky: stdin_default$4P,
+  Sticky: stdin_default$4Q,
   StyleProvider: stdin_default$3k,
-  Swipe: stdin_default$4p,
-  SwipeItem: stdin_default$4n,
+  Swipe: stdin_default$4q,
+  SwipeItem: stdin_default$4o,
   Switch: stdin_default$3i,
   Tab: stdin_default$3g,
   TabItem: stdin_default$3e,
@@ -28805,75 +28923,75 @@ const index_bundle = {
   TabsItems: stdin_default$38,
   Themes: stdin_default$7,
   TimePicker: stdin_default$4,
-  Tooltip: stdin_default$4D,
+  Tooltip: stdin_default$4E,
   Uploader: stdin_default$2,
   Watermark: stdin_default
 };
-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$5W;
-exports.Countdown = stdin_default$4V;
-exports.Counter = stdin_default$4T;
-exports.DatePicker = stdin_default$4L;
-exports.Dialog = stdin_default$4J;
-exports.Divider = stdin_default$4H;
-exports.Drag = stdin_default$4F;
-exports.Ellipsis = stdin_default$4B;
-exports.Fab = stdin_default$4z;
-exports.FieldDecorator = stdin_default$4x;
-exports.FloatingPanel = stdin_default$4v;
-exports.Form = stdin_default$4t;
-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$5C;
-exports.Link = stdin_default$4d;
-exports.List = stdin_default$4b;
-exports.Loading = stdin_default$5w;
-exports.LoadingBar = stdin_default$49;
-exports.Locale = stdin_default$5H;
-exports.Menu = stdin_default$47;
-exports.MenuOption = stdin_default$45;
-exports.MenuSelect = stdin_default$43;
-exports.Option = stdin_default$41;
-exports.Overlay = stdin_default$3$;
+exports.ActionSheet = stdin_default$5G;
+exports.AppBar = stdin_default$5E;
+exports.Avatar = stdin_default$5B;
+exports.AvatarGroup = stdin_default$5z;
+exports.BackTop = stdin_default$5t;
+exports.Badge = stdin_default$5r;
+exports.BottomNavigation = stdin_default$5p;
+exports.BottomNavigationItem = stdin_default$5n;
+exports.Breadcrumb = stdin_default$5l;
+exports.Breadcrumbs = stdin_default$5j;
+exports.Button = stdin_default$5v;
+exports.ButtonGroup = stdin_default$5h;
+exports.Card = stdin_default$5f;
+exports.Cell = stdin_default$5d;
+exports.Checkbox = stdin_default$59;
+exports.CheckboxGroup = stdin_default$56;
+exports.Chip = stdin_default$54;
+exports.Col = stdin_default$52;
+exports.Collapse = stdin_default$50;
+exports.CollapseItem = stdin_default$4_;
+exports.CollapseTransition = stdin_default$4Y;
+exports.Context = stdin_default$5X;
+exports.Countdown = stdin_default$4W;
+exports.Counter = stdin_default$4U;
+exports.DatePicker = stdin_default$4M;
+exports.Dialog = stdin_default$4K;
+exports.Divider = stdin_default$4I;
+exports.Drag = stdin_default$4G;
+exports.Ellipsis = stdin_default$4C;
+exports.Fab = stdin_default$4A;
+exports.FieldDecorator = stdin_default$4y;
+exports.FloatingPanel = stdin_default$4w;
+exports.Form = stdin_default$4u;
+exports.FormDetails = stdin_default$5b;
+exports.Hover = stdin_default$5P;
+exports.HoverOverlay = stdin_default$5Q;
+exports.Icon = stdin_default$5S;
+exports.Image = stdin_default$4s;
+exports.ImagePreview = stdin_default$4m;
+exports.IndexAnchor = stdin_default$4k;
+exports.IndexBar = stdin_default$4i;
+exports.Input = stdin_default$4g;
+exports.Lazy = stdin_default$5D;
+exports.Link = stdin_default$4e;
+exports.List = stdin_default$4c;
+exports.Loading = stdin_default$5x;
+exports.LoadingBar = stdin_default$4a;
+exports.Locale = stdin_default$5I;
+exports.Menu = stdin_default$48;
+exports.MenuOption = stdin_default$46;
+exports.MenuSelect = stdin_default$44;
+exports.Option = stdin_default$42;
+exports.Overlay = stdin_default$40;
 exports.PIXEL = PIXEL;
-exports.Pagination = stdin_default$3Z;
-exports.Paper = stdin_default$3X;
-exports.Picker = stdin_default$3V;
-exports.Popup = stdin_default$5T;
-exports.Progress = stdin_default$3T;
-exports.PullRefresh = stdin_default$3R;
-exports.Radio = stdin_default$3P;
+exports.Pagination = stdin_default$3_;
+exports.Paper = stdin_default$3Y;
+exports.Picker = stdin_default$3W;
+exports.Popup = stdin_default$5U;
+exports.Progress = stdin_default$3U;
+exports.PullRefresh = stdin_default$3S;
+exports.Radio = stdin_default$3Q;
 exports.RadioGroup = stdin_default$3N;
 exports.Rate = stdin_default$3L;
 exports.Result = stdin_default$3D;
-exports.Ripple = stdin_default$5V;
+exports.Ripple = stdin_default$5W;
 exports.Row = stdin_default$3B;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
 exports.Select = stdin_default$3z;
@@ -28883,10 +29001,10 @@ exports.Snackbar = stdin_default$3s;
 exports.Space = stdin_default$3q;
 exports.Step = stdin_default$3o;
 exports.Steps = stdin_default$3m;
-exports.Sticky = stdin_default$4P;
+exports.Sticky = stdin_default$4Q;
 exports.StyleProvider = stdin_default$3k;
-exports.Swipe = stdin_default$4p;
-exports.SwipeItem = stdin_default$4n;
+exports.Swipe = stdin_default$4q;
+exports.SwipeItem = stdin_default$4o;
 exports.Switch = stdin_default$3i;
 exports.Tab = stdin_default$3g;
 exports.TabItem = stdin_default$3e;
@@ -28895,7 +29013,7 @@ exports.Tabs = stdin_default$3a;
 exports.TabsItems = stdin_default$38;
 exports.Themes = stdin_default$7;
 exports.TimePicker = stdin_default$4;
-exports.Tooltip = stdin_default$4D;
+exports.Tooltip = stdin_default$4E;
 exports.Uploader = stdin_default$2;
 exports.Watermark = stdin_default;
 exports._ActionSheetComponent = _ActionSheetComponent;
@@ -29017,7 +29135,7 @@ exports.dialogProps = props$O;
 exports.dividerProps = props$N;
 exports.dragProps = props$M;
 exports.ellipsisProps = props$K;
-exports.enUS = stdin_default$5L;
+exports.enUS = stdin_default$5M;
 exports.fabProps = props$J;
 exports.fieldDecoratorProps = props$I;
 exports.formDetailsProps = props$_;
@@ -29078,4 +29196,4 @@ exports.useHoverOverlay = useHoverOverlay;
 exports.useLocale = useLocale;
 exports.version = version;
 exports.watermarkProps = props;
-exports.zhCN = stdin_default$5M;
+exports.zhCN = stdin_default$5N;