@varlet/ui 2.10.0 → 2.10.1-alpha.1682608027166

package/lib/varlet.cjs.js

@@ -990,7 +990,6 @@ var Ripple = {
   }
 };
 var _RippleComponent = Ripple;
-const Ripple$1 = Ripple;
 function positionValidator$4(position) {
   return ["top", "bottom", "right", "left", "center"].includes(position);
 }
@@ -1362,11 +1361,10 @@ var __sfc__$1h = vue.defineComponent({
   }
 });
 __sfc__$1h.render = __render__$1g;
-const Icon = __sfc__$1h;
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
+__sfc__$1h.install = function(app) {
+  app.component(__sfc__$1h.name, __sfc__$1h);
 };
-var _IconComponent = Icon;
+var _IconComponent = __sfc__$1h;
 function _extends$m() {
   _extends$m = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1792,11 +1790,11 @@ function __render__$1f(_ctx, _cache) {
 var __sfc__$1g = vue.defineComponent({
   name: "VarActionSheet",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   components: {
     VarPopup: Popup,
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   inheritAttrs: false,
   props: props$18,
@@ -1831,7 +1829,6 @@ var __sfc__$1g = vue.defineComponent({
   }
 });
 __sfc__$1g.render = __render__$1f;
-const VarActionSheet = __sfc__$1g;
 function _extends$k() {
   _extends$k = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -1865,7 +1862,7 @@ function ActionSheet(options) {
     singletonOptions$3 = reactiveActionSheetOptions;
     var {
       unmountInstance
-    } = mountInstance(VarActionSheet, reactiveActionSheetOptions, {
+    } = mountInstance(__sfc__$1g, reactiveActionSheetOptions, {
       onSelect: (action) => {
         call(reactiveActionSheetOptions.onSelect, action);
         resolve(action);
@@ -1905,14 +1902,14 @@ ActionSheet.close = function() {
     });
   }
 };
-ActionSheet.Component = VarActionSheet;
-VarActionSheet.install = function(app) {
-  app.component(VarActionSheet.name, VarActionSheet);
+ActionSheet.Component = __sfc__$1g;
+__sfc__$1g.install = function(app) {
+  app.component(__sfc__$1g.name, __sfc__$1g);
 };
 ActionSheet.install = function(app) {
-  app.component(VarActionSheet.name, VarActionSheet);
+  app.component(__sfc__$1g.name, __sfc__$1g);
 };
-var _ActionSheetComponent = VarActionSheet;
+var _ActionSheetComponent = __sfc__$1g;
 function positionValidator$3(position) {
   var validPositions = ["left", "center", "right"];
   return validPositions.includes(position);
@@ -2082,11 +2079,10 @@ var __sfc__$1f = vue.defineComponent({
   }
 });
 __sfc__$1f.render = __render__$1e;
-const AppBar = __sfc__$1f;
-AppBar.install = function(app) {
-  app.component(AppBar.name, AppBar);
+__sfc__$1f.install = function(app) {
+  app.component(__sfc__$1f.name, __sfc__$1f);
 };
-var _AppBarComponent = AppBar;
+var _AppBarComponent = __sfc__$1f;
 function asyncGeneratorStep$b(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -2326,7 +2322,6 @@ var Lazy = {
   }
 };
 var _LazyComponent = Lazy;
-const Lazy$1 = Lazy;
 function fitValidator$2(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
 }
@@ -2465,7 +2460,7 @@ function __render__$1d(_ctx, _cache) {
 var __sfc__$1e = vue.defineComponent({
   name: "VarAvatar",
   directives: {
-    Lazy: Lazy$1
+    Lazy
   },
   props: props$16,
   setup(props2) {
@@ -2523,11 +2518,10 @@ var __sfc__$1e = vue.defineComponent({
   }
 });
 __sfc__$1e.render = __render__$1d;
-const Avatar = __sfc__$1e;
-Avatar.install = function(app) {
-  app.component(Avatar.name, Avatar);
+__sfc__$1e.install = function(app) {
+  app.component(__sfc__$1e.name, __sfc__$1e);
 };
-var _AvatarComponent = Avatar;
+var _AvatarComponent = __sfc__$1e;
 var props$15 = {
   offset: {
     type: [Number, String]
@@ -2574,11 +2568,10 @@ var __sfc__$1d = vue.defineComponent({
   }
 });
 __sfc__$1d.render = __render__$1c;
-const AvatarGroup = __sfc__$1d;
-AvatarGroup.install = function(app) {
-  app.component(AvatarGroup.name, AvatarGroup);
+__sfc__$1d.install = function(app) {
+  app.component(__sfc__$1d.name, __sfc__$1d);
 };
-var _AvatarGroupComponent = AvatarGroup;
+var _AvatarGroupComponent = __sfc__$1d;
 function typeValidator$a(type) {
   return ["circle", "wave", "cube", "rect", "disappear"].includes(type);
 }
@@ -2779,11 +2772,10 @@ var __sfc__$1c = vue.defineComponent({
   }
 });
 __sfc__$1c.render = __render__$1b;
-const Loading = __sfc__$1c;
-Loading.install = function(app) {
-  app.component(Loading.name, Loading);
+__sfc__$1c.install = function(app) {
+  app.component(__sfc__$1c.name, __sfc__$1c);
 };
-var _LoadingComponent = Loading;
+var _LoadingComponent = __sfc__$1c;
 var props$13 = {
   hovering: {
     type: Boolean,
@@ -2816,9 +2808,8 @@ var __sfc__$1b = vue.defineComponent({
   }
 });
 __sfc__$1b.render = __render__$1a;
-const HoverOverlay = __sfc__$1b;
-HoverOverlay.install = function(app) {
-  app.component(HoverOverlay.name, HoverOverlay);
+__sfc__$1b.install = function(app) {
+  app.component(__sfc__$1b.name, __sfc__$1b);
 };
 function useHoverOverlay() {
   var hovering = vue.ref(false);
@@ -2830,7 +2821,7 @@ function useHoverOverlay() {
     handleHovering
   };
 }
-var _HoverOverlayComponent = HoverOverlay;
+var _HoverOverlayComponent = __sfc__$1b;
 function shouldDisabled(arg) {
   if (!arg) {
     return false;
@@ -2957,7 +2948,6 @@ var Hover = {
   }
 };
 var _HoverComponent = Hover;
-const Hover$1 = Hover;
 function _extends$i() {
   _extends$i = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -3140,12 +3130,12 @@ function __render__$19(_ctx, _cache) {
 var __sfc__$1a = vue.defineComponent({
   name: "VarButton",
   components: {
-    VarLoading: Loading,
-    VarHoverOverlay: HoverOverlay
+    VarLoading: __sfc__$1c,
+    VarHoverOverlay: __sfc__$1b
   },
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   props: props$12,
   setup(props2) {
@@ -3232,11 +3222,10 @@ var __sfc__$1a = vue.defineComponent({
   }
 });
 __sfc__$1a.render = __render__$19;
-const Button = __sfc__$1a;
-Button.install = function(app) {
-  app.component(Button.name, Button);
+__sfc__$1a.install = function(app) {
+  app.component(__sfc__$1a.name, __sfc__$1a);
 };
-var _ButtonComponent = Button;
+var _ButtonComponent = __sfc__$1a;
 var props$11 = {
   visibilityHeight: {
     type: [Number, String],
@@ -3316,8 +3305,8 @@ function __render__$18(_ctx, _cache) {
 var __sfc__$19 = vue.defineComponent({
   name: "VarBackTop",
   components: {
-    VarButton: Button,
-    VarIcon: Icon
+    VarButton: __sfc__$1a,
+    VarIcon: __sfc__$1h
   },
   inheritAttrs: false,
   props: props$11,
@@ -3367,11 +3356,10 @@ var __sfc__$19 = vue.defineComponent({
   }
 });
 __sfc__$19.render = __render__$18;
-const BackTop = __sfc__$19;
-BackTop.install = function(app) {
-  app.component(BackTop.name, BackTop);
+__sfc__$19.install = function(app) {
+  app.component(__sfc__$19.name, __sfc__$19);
 };
-var _BackTopComponent = BackTop;
+var _BackTopComponent = __sfc__$19;
 function typeValidator$8(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
 }
@@ -3473,7 +3461,7 @@ function __render__$17(_ctx, _cache) {
 var __sfc__$18 = vue.defineComponent({
   name: "VarBadge",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   inheritAttrs: false,
   props: props$10,
@@ -3493,11 +3481,10 @@ var __sfc__$18 = vue.defineComponent({
   }
 });
 __sfc__$18.render = __render__$17;
-const Badge = __sfc__$18;
-Badge.install = function(app) {
-  app.component(Badge.name, Badge);
+__sfc__$18.install = function(app) {
+  app.component(__sfc__$18.name, __sfc__$18);
 };
-var _BadgeComponent = Badge;
+var _BadgeComponent = __sfc__$18;
 var props$$ = {
   active: {
     type: [Number, String],
@@ -3607,7 +3594,7 @@ function __render__$16(_ctx, _cache) {
 var __sfc__$17 = vue.defineComponent({
   name: "VarBottomNavigation",
   components: {
-    VarButton: Button
+    VarButton: __sfc__$1a
   },
   props: props$$,
   setup(props2, _ref) {
@@ -3746,11 +3733,10 @@ var __sfc__$17 = vue.defineComponent({
   }
 });
 __sfc__$17.render = __render__$16;
-const BottomNavigation = __sfc__$17;
-BottomNavigation.install = function(app) {
-  app.component(BottomNavigation.name, BottomNavigation);
+__sfc__$17.install = function(app) {
+  app.component(__sfc__$17.name, __sfc__$17);
 };
-var _BottomNavigationComponent = BottomNavigation;
+var _BottomNavigationComponent = __sfc__$17;
 var props$_ = {
   name: {
     type: String
@@ -3862,11 +3848,11 @@ function __render__$15(_ctx, _cache) {
 var __sfc__$16 = vue.defineComponent({
   name: "VarBottomNavigationItem",
   components: {
-    VarBadge: Badge,
-    VarIcon: Icon
+    VarBadge: __sfc__$18,
+    VarIcon: __sfc__$1h
   },
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   props: props$_,
   setup(props2) {
@@ -3915,11 +3901,10 @@ var __sfc__$16 = vue.defineComponent({
   }
 });
 __sfc__$16.render = __render__$15;
-const BottomNavigationItem = __sfc__$16;
-BottomNavigationItem.install = function(app) {
-  app.component(BottomNavigationItem.name, BottomNavigationItem);
+__sfc__$16.install = function(app) {
+  app.component(__sfc__$16.name, __sfc__$16);
 };
-var _BottomNavigationItemComponent = BottomNavigationItem;
+var _BottomNavigationItemComponent = __sfc__$16;
 var props$Z = {
   separator: {
     type: String
@@ -4021,11 +4006,10 @@ var __sfc__$15 = vue.defineComponent({
   }
 });
 __sfc__$15.render = __render__$14;
-const Breadcrumb = __sfc__$15;
-Breadcrumb.install = function(app) {
-  app.component(Breadcrumb.name, Breadcrumb);
+__sfc__$15.install = function(app) {
+  app.component(__sfc__$15.name, __sfc__$15);
 };
-var _BreadcrumbComponent = Breadcrumb;
+var _BreadcrumbComponent = __sfc__$15;
 var props$Y = {
   separator: {
     type: String,
@@ -4066,11 +4050,10 @@ var __sfc__$14 = vue.defineComponent({
   }
 });
 __sfc__$14.render = __render__$13;
-const Breadcrumbs = __sfc__$14;
-Breadcrumbs.install = function(app) {
-  app.component(Breadcrumbs.name, Breadcrumbs);
+__sfc__$14.install = function(app) {
+  app.component(__sfc__$14.name, __sfc__$14);
 };
-var _BreadcrumbsComponent = Breadcrumbs;
+var _BreadcrumbsComponent = __sfc__$14;
 function typeValidator$7(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
 }
@@ -4150,11 +4133,10 @@ var __sfc__$13 = vue.defineComponent({
   }
 });
 __sfc__$13.render = __render__$12;
-const ButtonGroup = __sfc__$13;
-ButtonGroup.install = function(app) {
-  app.component(ButtonGroup.name, ButtonGroup);
+__sfc__$13.install = function(app) {
+  app.component(__sfc__$13.name, __sfc__$13);
 };
-var _ButtonGroupComponent = ButtonGroup;
+var _ButtonGroupComponent = __sfc__$13;
 function fitValidator$1(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
 }
@@ -4416,11 +4398,11 @@ function __render__$11(_ctx, _cache) {
 var __sfc__$12 = vue.defineComponent({
   name: "VarCard",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   components: {
-    VarIcon: Icon,
-    VarButton: Button
+    VarIcon: __sfc__$1h,
+    VarButton: __sfc__$1a
   },
   props: props$W,
   setup(props2) {
@@ -4552,11 +4534,10 @@ var __sfc__$12 = vue.defineComponent({
   }
 });
 __sfc__$12.render = __render__$11;
-const Card = __sfc__$12;
-Card.install = function(app) {
-  app.component(Card.name, Card);
+__sfc__$12.install = function(app) {
+  app.component(__sfc__$12.name, __sfc__$12);
 };
-var _CardComponent = Card;
+var _CardComponent = __sfc__$12;
 var props$V = {
   title: {
     type: [Number, String]
@@ -4670,10 +4651,10 @@ function __render__$10(_ctx, _cache) {
 var __sfc__$11 = vue.defineComponent({
   name: "VarCell",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   props: props$V,
   setup(props2) {
@@ -4699,11 +4680,10 @@ var __sfc__$11 = vue.defineComponent({
   }
 });
 __sfc__$11.render = __render__$10;
-const Cell = __sfc__$11;
-Cell.install = function(app) {
-  app.component(Cell.name, Cell);
+__sfc__$11.install = function(app) {
+  app.component(__sfc__$11.name, __sfc__$11);
 };
-var _CellComponent = Cell;
+var _CellComponent = __sfc__$11;
 var props$U = {
   errorMessage: {
     type: String,
@@ -4807,11 +4787,10 @@ var __sfc__$10 = vue.defineComponent({
   })
 });
 __sfc__$10.render = __render__$$;
-const FormDetails = __sfc__$10;
-FormDetails.install = function(app) {
-  app.component(FormDetails.name, FormDetails);
+__sfc__$10.install = function(app) {
+  app.component(__sfc__$10.name, __sfc__$10);
 };
-var _FormDetailsComponent = FormDetails;
+var _FormDetailsComponent = __sfc__$10;
 var props$T = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -5024,13 +5003,13 @@ function __render__$_(_ctx, _cache) {
 var __sfc__$$ = vue.defineComponent({
   name: "VarCheckbox",
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   components: {
-    VarIcon: Icon,
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarIcon: __sfc__$1h,
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   props: props$T,
   setup(props2) {
@@ -5162,11 +5141,10 @@ var __sfc__$$ = vue.defineComponent({
   }
 });
 __sfc__$$.render = __render__$_;
-const Checkbox = __sfc__$$;
-Checkbox.install = function(app) {
-  app.component(Checkbox.name, Checkbox);
+__sfc__$$.install = function(app) {
+  app.component(__sfc__$$.name, __sfc__$$);
 };
-var _CheckboxComponent = Checkbox;
+var _CheckboxComponent = __sfc__$$;
 function directionValidator$5(direction) {
   return ["horizontal", "vertical"].includes(direction);
 }
@@ -5228,7 +5206,7 @@ function __render__$Z(_ctx, _cache) {
 var __sfc__$_ = vue.defineComponent({
   name: "VarCheckboxGroup",
   components: {
-    VarFormDetails: FormDetails
+    VarFormDetails: __sfc__$10
   },
   props: props$S,
   setup(props2) {
@@ -5354,11 +5332,10 @@ var __sfc__$_ = vue.defineComponent({
   }
 });
 __sfc__$_.render = __render__$Z;
-const CheckboxGroup = __sfc__$_;
-CheckboxGroup.install = function(app) {
-  app.component(CheckboxGroup.name, CheckboxGroup);
+__sfc__$_.install = function(app) {
+  app.component(__sfc__$_.name, __sfc__$_);
 };
-var _CheckboxGroupComponent = CheckboxGroup;
+var _CheckboxGroupComponent = __sfc__$_;
 function typeValidator$6(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
 }
@@ -5461,7 +5438,7 @@ function __render__$Y(_ctx, _cache) {
 var __sfc__$Z = vue.defineComponent({
   name: "VarChip",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   inheritAttrs: false,
   props: props$R,
@@ -5509,11 +5486,10 @@ var __sfc__$Z = vue.defineComponent({
   }
 });
 __sfc__$Z.render = __render__$Y;
-const Chip = __sfc__$Z;
-Chip.install = function(app) {
-  app.component(Chip.name, Chip);
+__sfc__$Z.install = function(app) {
+  app.component(__sfc__$Z.name, __sfc__$Z);
 };
-var _ChipComponent = Chip;
+var _ChipComponent = __sfc__$Z;
 function directionValidator$4(direction) {
   return ["row", "column"].includes(direction);
 }
@@ -5670,11 +5646,10 @@ var __sfc__$Y = vue.defineComponent({
   }
 });
 __sfc__$Y.render = __render__$X;
-const Col = __sfc__$Y;
-Col.install = function(app) {
-  app.component(Col.name, Col);
+__sfc__$Y.install = function(app) {
+  app.component(__sfc__$Y.name, __sfc__$Y);
 };
-var _ColComponent = Col;
+var _ColComponent = __sfc__$Y;
 var COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
   var {
@@ -5830,11 +5805,10 @@ var __sfc__$X = vue.defineComponent({
   }
 });
 __sfc__$X.render = __render__$W;
-const Collapse = __sfc__$X;
-Collapse.install = function(app) {
-  app.component(Collapse.name, Collapse);
+__sfc__$X.install = function(app) {
+  app.component(__sfc__$X.name, __sfc__$X);
 };
-var _CollapseComponent = Collapse;
+var _CollapseComponent = __sfc__$X;
 function useCollapse() {
   var {
     parentProvider,
@@ -5956,7 +5930,7 @@ function __render__$V(_ctx, _cache) {
 var __sfc__$W = vue.defineComponent({
   name: "VarCollapseItem",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   props: props$O,
   setup(props2) {
@@ -6060,11 +6034,10 @@ var __sfc__$W = vue.defineComponent({
   }
 });
 __sfc__$W.render = __render__$V;
-const CollapseItem = __sfc__$W;
-CollapseItem.install = function(app) {
-  app.component(CollapseItem.name, CollapseItem);
+__sfc__$W.install = function(app) {
+  app.component(__sfc__$W.name, __sfc__$W);
 };
-var _CollapseItemComponent = CollapseItem;
+var _CollapseItemComponent = __sfc__$W;
 var props$N = {
   time: {
     type: [String, Number],
@@ -6236,11 +6209,10 @@ var __sfc__$V = vue.defineComponent({
   }
 });
 __sfc__$V.render = __render__$U;
-const Countdown = __sfc__$V;
-Countdown.install = function(app) {
-  app.component(Countdown.name, Countdown);
+__sfc__$V.install = function(app) {
+  app.component(__sfc__$V.name, __sfc__$V);
 };
-var _CountdownComponent = Countdown;
+var _CountdownComponent = __sfc__$V;
 /*!
  *  decimal.js v10.4.0
  *  An arbitrary-precision Decimal type for JavaScript.
@@ -8767,12 +8739,12 @@ function __render__$T(_ctx, _cache) {
 var __sfc__$U = vue.defineComponent({
   name: "VarCounter",
   components: {
-    VarButton: Button,
-    VarIcon: Icon,
-    VarFormDetails: FormDetails
+    VarButton: __sfc__$1a,
+    VarIcon: __sfc__$1h,
+    VarFormDetails: __sfc__$10
   },
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   inheritAttrs: false,
   props: props$M,
@@ -9008,11 +8980,10 @@ var __sfc__$U = vue.defineComponent({
   }
 });
 __sfc__$U.render = __render__$T;
-const Counter = __sfc__$U;
-Counter.install = function(app) {
-  app.component(Counter.name, Counter);
+__sfc__$U.install = function(app) {
+  app.component(__sfc__$U.name, __sfc__$U);
 };
-var _CounterComponent = Counter;
+var _CounterComponent = __sfc__$U;
 var SECONDS_A_MINUTE = 60;
 var SECONDS_A_HOUR = SECONDS_A_MINUTE * 60;
 var SECONDS_A_DAY = SECONDS_A_HOUR * 24;
@@ -9628,8 +9599,8 @@ function __render__$S(_ctx, _cache) {
 var __sfc__$T = vue.defineComponent({
   name: "PanelHeader",
   components: {
-    VarButton: Button,
-    VarIcon: Icon
+    VarButton: __sfc__$1a,
+    VarIcon: __sfc__$1h
   },
   props: {
     date: {
@@ -9686,7 +9657,6 @@ var __sfc__$T = vue.defineComponent({
   }
 });
 __sfc__$T.render = __render__$S;
-const PanelHeader = __sfc__$T;
 function _extends$f() {
   _extends$f = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -9758,7 +9728,7 @@ function __render__$R(_ctx, _cache) {
                   ripple: false,
                   elevation: _ctx.componentProps.buttonElevation
                 }, _extends$f({}, _ctx.buttonProps(month.index)), {
-                  onClick: _cache[0] || (_cache[0] = (event) => chooseMonth(month, event))
+                  onClick: (event) => _ctx.chooseMonth(month, event)
                 }),
                 {
                   default: vue.withCtx(() => [vue.createTextVNode(
@@ -9770,7 +9740,7 @@ function __render__$R(_ctx, _cache) {
                   /* DYNAMIC */
                 },
                 1040,
-                ["elevation"]
+                ["elevation", "onClick"]
               )]);
             }),
             128
@@ -9792,8 +9762,8 @@ function __render__$R(_ctx, _cache) {
 var __sfc__$S = vue.defineComponent({
   name: "MonthPickerPanel",
   components: {
-    VarButton: Button,
-    PanelHeader
+    VarButton: __sfc__$1a,
+    PanelHeader: __sfc__$T
   },
   props: {
     choose: {
@@ -9881,7 +9851,7 @@ var __sfc__$S = vue.defineComponent({
     var buttonProps = (key) => {
       var {
         choose: {
-          chooseMonth: chooseMonth3
+          chooseMonth: chooseMonth2
         },
         preview: {
           previewYear
@@ -9897,7 +9867,7 @@ var __sfc__$S = vue.defineComponent({
       var monthExist = () => {
         if (range || multiple)
           return shouldChoose(val);
-        return (chooseMonth3 == null ? void 0 : chooseMonth3.index) === key && isSameYear.value;
+        return (chooseMonth2 == null ? void 0 : chooseMonth2.index) === key && isSameYear.value;
       };
       var computeDisabled = () => {
         if (!inRange(key))
@@ -9912,7 +9882,7 @@ var __sfc__$S = vue.defineComponent({
           return true;
         if (range || multiple)
           return !shouldChoose(val);
-        return !isSameYear.value || (chooseMonth3 == null ? void 0 : chooseMonth3.index) !== key;
+        return !isSameYear.value || (chooseMonth2 == null ? void 0 : chooseMonth2.index) !== key;
       };
       var computeOutline = () => {
         if (!(isCurrentYear.value && currentMonth === key && props2.componentProps.showCurrent))
@@ -9922,7 +9892,7 @@ var __sfc__$S = vue.defineComponent({
         if (range || multiple)
           return !shouldChoose(val);
         if (isSameYear.value)
-          return (chooseMonth3 == null ? void 0 : chooseMonth3.index) !== currentMonth;
+          return (chooseMonth2 == null ? void 0 : chooseMonth2.index) !== currentMonth;
         return true;
       };
       var textColorOrCover = () => {
@@ -9945,7 +9915,7 @@ var __sfc__$S = vue.defineComponent({
         disabled
       };
     };
-    var chooseMonth2 = (month, event) => {
+    var chooseMonth = (month, event) => {
       var buttonEl = event.currentTarget;
       if (buttonEl.classList.contains(n$R("button--disabled")))
         return;
@@ -9985,13 +9955,12 @@ var __sfc__$S = vue.defineComponent({
       forwardRef,
       buttonProps,
       getMonthAbbr,
-      chooseMonth: chooseMonth2,
+      chooseMonth,
       checkDate
     };
   }
 });
 __sfc__$S.render = __render__$R;
-const MonthPickerPanel = __sfc__$S;
 var {
   n: n$Q,
   classes: classes$I
@@ -10097,7 +10066,6 @@ var __sfc__$R = vue.defineComponent({
   }
 });
 __sfc__$R.render = __render__$Q;
-const YearPickerPanel = __sfc__$R;
 function _extends$e() {
   _extends$e = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -10199,7 +10167,7 @@ function __render__$P(_ctx, _cache) {
                     ripple: false,
                     elevation: _ctx.componentProps.buttonElevation
                   }, _extends$e({}, _ctx.buttonProps(day)), {
-                    onClick: _cache[0] || (_cache[0] = (event) => chooseDay(day, event))
+                    onClick: (event) => _ctx.chooseDay(day, event)
                   }),
                   {
                     default: vue.withCtx(() => [vue.createTextVNode(
@@ -10211,7 +10179,7 @@ function __render__$P(_ctx, _cache) {
                     /* DYNAMIC */
                   },
                   1040,
-                  ["elevation"]
+                  ["elevation", "onClick"]
                 )]);
               }),
               128
@@ -10236,8 +10204,8 @@ function __render__$P(_ctx, _cache) {
 var __sfc__$Q = vue.defineComponent({
   name: "DayPickerPanel",
   components: {
-    VarButton: Button,
-    PanelHeader
+    VarButton: __sfc__$1a,
+    PanelHeader: __sfc__$T
   },
   props: {
     choose: {
@@ -10374,7 +10342,7 @@ var __sfc__$Q = vue.defineComponent({
       }
       var {
         choose: {
-          chooseDay: chooseDay3
+          chooseDay: chooseDay2
         },
         preview: {
           previewYear,
@@ -10391,7 +10359,7 @@ var __sfc__$Q = vue.defineComponent({
       var dayExist = () => {
         if (range || multiple)
           return shouldChoose(val);
-        return toNumber(chooseDay3) === day && isSame.value;
+        return toNumber(chooseDay2) === day && isSame.value;
       };
       var computeDisabled = () => {
         if (!inRange(day))
@@ -10406,7 +10374,7 @@ var __sfc__$Q = vue.defineComponent({
           return true;
         if (range || multiple)
           return !shouldChoose(val);
-        return !isSame.value || toNumber(chooseDay3) !== day;
+        return !isSame.value || toNumber(chooseDay2) !== day;
       };
       var computeOutline = () => {
         if (!(isCurrent.value && toNumber(currentDay) === day && props2.componentProps.showCurrent))
@@ -10416,7 +10384,7 @@ var __sfc__$Q = vue.defineComponent({
         if (range || multiple)
           return !shouldChoose(val);
         if (isSame.value)
-          return chooseDay3 !== currentDay;
+          return chooseDay2 !== currentDay;
         return true;
       };
       var textColorOrCover = () => {
@@ -10443,7 +10411,7 @@ var __sfc__$Q = vue.defineComponent({
       panelKey.value += checkType === "prev" ? -1 : 1;
       emit("check-preview", "month", checkType);
     };
-    var chooseDay2 = (day, event) => {
+    var chooseDay = (day, event) => {
       var buttonEl = event.currentTarget;
       if (buttonEl.classList.contains(n$P("button--disabled")))
         return;
@@ -10473,13 +10441,12 @@ var __sfc__$Q = vue.defineComponent({
       filterDay,
       getDayAbbr,
       checkDate,
-      chooseDay: chooseDay2,
+      chooseDay,
       buttonProps
     };
   }
 });
 __sfc__$Q.render = __render__$P;
-const DayPickerPanel = __sfc__$Q;
 var {
   n: n$O,
   classes: classes$G
@@ -10669,9 +10636,9 @@ function __render__$O(_ctx, _cache) {
 var __sfc__$P = vue.defineComponent({
   name: "VarDatePicker",
   components: {
-    MonthPickerPanel,
-    YearPickerPanel,
-    DayPickerPanel
+    MonthPickerPanel: __sfc__$S,
+    YearPickerPanel: __sfc__$R,
+    DayPickerPanel: __sfc__$Q
   },
   props: props$L,
   setup(props2) {
@@ -10685,9 +10652,9 @@ var __sfc__$P = vue.defineComponent({
     var isYearPanel = vue.ref(false);
     var isMonthPanel = vue.ref(false);
     var rangeDone = vue.ref(true);
-    var chooseMonth2 = vue.ref();
+    var chooseMonth = vue.ref();
     var chooseYear = vue.ref();
-    var chooseDay2 = vue.ref();
+    var chooseDay = vue.ref();
     var previewMonth = vue.ref(monthDes);
     var previewYear = vue.ref(currentYear);
     var reverse = vue.ref(false);
@@ -10710,9 +10677,9 @@ var __sfc__$P = vue.defineComponent({
       buttonElevation: props2.buttonElevation
     });
     var getChoose = vue.computed(() => ({
-      chooseMonth: chooseMonth2.value,
+      chooseMonth: chooseMonth.value,
       chooseYear: chooseYear.value,
-      chooseDay: chooseDay2.value,
+      chooseDay: chooseDay.value,
       chooseMonths: chooseMonths.value,
       chooseDays: chooseDays.value,
       chooseRangeMonth: chooseRangeMonth.value,
@@ -10731,9 +10698,9 @@ var __sfc__$P = vue.defineComponent({
         return chooseRangeMonth.value.length ? chooseRangeMonth.value[0] + " ~ " + chooseRangeMonth.value[1] : "";
       }
       var monthName = "";
-      if (chooseMonth2.value) {
+      if (chooseMonth.value) {
         var _pack$value$datePicke, _pack$value$datePicke2;
-        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth2.value.index].name) != null ? _pack$value$datePicke : "";
+        monthName = (_pack$value$datePicke = (_pack$value$datePicke2 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke2[chooseMonth.value.index].name) != null ? _pack$value$datePicke : "";
       }
       return multiple ? "" + chooseMonths.value.length + pack.value.datePickerSelected : monthName;
     });
@@ -10749,16 +10716,16 @@ var __sfc__$P = vue.defineComponent({
       }
       if (multiple)
         return "" + chooseDays.value.length + pack.value.datePickerSelected;
-      if (!chooseYear.value || !chooseMonth2.value || !chooseDay2.value)
+      if (!chooseYear.value || !chooseMonth.value || !chooseDay.value)
         return "";
-      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth2.value.index + "-" + chooseDay2.value).day();
+      var weekIndex = dayjs(chooseYear.value + "-" + chooseMonth.value.index + "-" + chooseDay.value).day();
       var week = WEEK_HEADER.find((value) => value.index === "" + weekIndex);
       var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : "";
-      var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth2.value.index].name) != null ? _pack$value$datePicke5 : "";
-      var showDay = padStart$1(chooseDay2.value, 2, "0");
+      var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth.value.index].name) != null ? _pack$value$datePicke5 : "";
+      var showDay = padStart$1(chooseDay.value, 2, "0");
       if (pack.value.lang === "zh-CN")
-        return chooseMonth2.value.index + "-" + showDay + " " + weekName.slice(0, 3);
-      return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay2.value;
+        return chooseMonth.value.index + "-" + showDay + " " + weekName.slice(0, 3);
+      return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
     });
     var getPanelType = vue.computed(() => {
       if (isYearPanel.value)
@@ -10774,12 +10741,12 @@ var __sfc__$P = vue.defineComponent({
     });
     var slotProps = vue.computed(() => {
       var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
-      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth2.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay2.value).day();
-      var date = chooseDay2.value ? padStart$1(chooseDay2.value, 2, "0") : "";
+      var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
+      var date = chooseDay.value ? padStart$1(chooseDay.value, 2, "0") : "";
       return {
         week: "" + weekIndex,
         year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : "",
-        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth2.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : "",
+        month: (_chooseMonth$value$in = (_chooseMonth$value2 = chooseMonth.value) == null ? void 0 : _chooseMonth$value2.index) != null ? _chooseMonth$value$in : "",
         date
       };
     });
@@ -10787,7 +10754,7 @@ var __sfc__$P = vue.defineComponent({
     var isSameYear = vue.computed(() => chooseYear.value === previewYear.value);
     var isSameMonth = vue.computed(() => {
       var _chooseMonth$value3;
-      return ((_chooseMonth$value3 = chooseMonth2.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
+      return ((_chooseMonth$value3 = chooseMonth.value) == null ? void 0 : _chooseMonth$value3.index) === previewMonth.value.index;
     });
     var clickEl = (type) => {
       if (type === "year")
@@ -10857,13 +10824,13 @@ var __sfc__$P = vue.defineComponent({
       call(props2.onChange, formatDates);
     };
     var getReverse = (dateType, date) => {
-      if (!chooseYear.value || !chooseMonth2.value)
+      if (!chooseYear.value || !chooseMonth.value)
         return false;
       if (!isSameYear.value)
         return chooseYear.value > previewYear.value;
       if (dateType === "month")
-        return date.index < chooseMonth2.value.index;
-      return isSameMonth.value ? date < toNumber(chooseDay2.value) : chooseMonth2.value.index > previewMonth.value.index;
+        return date.index < chooseMonth.value.index;
+      return isSameMonth.value ? date < toNumber(chooseDay.value) : chooseMonth.value.index > previewMonth.value.index;
     };
     var getChooseDay = (day) => {
       var {
@@ -10983,9 +10950,9 @@ var __sfc__$P = vue.defineComponent({
         return;
       var [yearValue, monthValue, dayValue] = formatDate.split("-");
       var monthDes2 = MONTH_LIST.find((month) => month.index === monthValue);
-      chooseMonth2.value = monthDes2;
+      chooseMonth.value = monthDes2;
       chooseYear.value = yearValue;
-      chooseDay2.value = dayValue;
+      chooseDay.value = dayValue;
       previewMonth.value = monthDes2;
       previewYear.value = yearValue;
     };
@@ -11021,9 +10988,9 @@ var __sfc__$P = vue.defineComponent({
       dayPanelEl,
       reverse,
       currentDate,
-      chooseMonth: chooseMonth2,
+      chooseMonth,
       chooseYear,
-      chooseDay: chooseDay2,
+      chooseDay,
       previewYear,
       isYearPanel,
       isMonthPanel,
@@ -11048,11 +11015,10 @@ var __sfc__$P = vue.defineComponent({
   }
 });
 __sfc__$P.render = __render__$O;
-const DatePicker = __sfc__$P;
-DatePicker.install = function(app) {
-  app.component(DatePicker.name, DatePicker);
+__sfc__$P.install = function(app) {
+  app.component(__sfc__$P.name, __sfc__$P);
 };
-var _DatePickerComponent = DatePicker;
+var _DatePickerComponent = __sfc__$P;
 function _extends$d() {
   _extends$d = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -11283,7 +11249,7 @@ var __sfc__$O = vue.defineComponent({
   name: "VarDialog",
   components: {
     VarPopup: Popup,
-    VarButton: Button
+    VarButton: __sfc__$1a
   },
   inheritAttrs: false,
   props: props$K,
@@ -11360,7 +11326,6 @@ var __sfc__$O = vue.defineComponent({
   }
 });
 __sfc__$O.render = __render__$N;
-const VarDialog = __sfc__$O;
 function _extends$b() {
   _extends$b = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -11400,7 +11365,7 @@ function Dialog(options) {
     singletonOptions$2 = reactiveDialogOptions;
     var {
       unmountInstance
-    } = mountInstance(VarDialog, reactiveDialogOptions, {
+    } = mountInstance(__sfc__$O, reactiveDialogOptions, {
       onConfirm: () => {
         call(reactiveDialogOptions.onConfirm);
         resolve("confirm");
@@ -11444,14 +11409,14 @@ Dialog.close = function() {
     });
   }
 };
-VarDialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
+__sfc__$O.install = function(app) {
+  app.component(__sfc__$O.name, __sfc__$O);
 };
 Dialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
+  app.component(__sfc__$O.name, __sfc__$O);
 };
-Dialog.Component = VarDialog;
-var _DialogComponent = VarDialog;
+Dialog.Component = __sfc__$O;
+var _DialogComponent = __sfc__$O;
 var props$J = {
   inset: {
     type: [Boolean, Number, String],
@@ -11568,11 +11533,10 @@ var __sfc__$N = vue.defineComponent({
   }
 });
 __sfc__$N.render = __render__$M;
-const Divider = __sfc__$N;
-Divider.install = function(app) {
-  app.component(Divider.name, Divider);
+__sfc__$N.install = function(app) {
+  app.component(__sfc__$N.name, __sfc__$N);
 };
-var _DividerComponent = Divider;
+var _DividerComponent = __sfc__$N;
 var hash$1 = {
   left: "right",
   right: "left",
@@ -13321,11 +13285,10 @@ var __sfc__$M = vue.defineComponent({
   }
 });
 __sfc__$M.render = __render__$L;
-const Tooltip = __sfc__$M;
-Tooltip.install = function(app) {
-  app.component(Tooltip.name, Tooltip);
+__sfc__$M.install = function(app) {
+  app.component(__sfc__$M.name, __sfc__$M);
 };
-var _TooltipComponent = Tooltip;
+var _TooltipComponent = __sfc__$M;
 function expandTriggerValidator(expandTrigger) {
   return ["click"].includes(expandTrigger);
 }
@@ -13404,7 +13367,7 @@ function __render__$K(_ctx, _cache) {
 var __sfc__$L = vue.defineComponent({
   name: "VarEllipsis",
   components: {
-    VarTooltip: Tooltip
+    VarTooltip: __sfc__$M
   },
   props: props$H,
   setup(props2) {
@@ -13449,11 +13412,10 @@ var __sfc__$L = vue.defineComponent({
   }
 });
 __sfc__$L.render = __render__$K;
-const Ellipsis = __sfc__$L;
-Ellipsis.install = function(app) {
-  app.component(Ellipsis.name, Ellipsis);
+__sfc__$L.install = function(app) {
+  app.component(__sfc__$L.name, __sfc__$L);
 };
-var _EllipsisComponent = Ellipsis;
+var _EllipsisComponent = __sfc__$L;
 function positionValidator$1(position) {
   return ["left-top", "right-top", "left-bottom", "right-bottom"].includes(position);
 }
@@ -13607,7 +13569,7 @@ const Fab = vue.defineComponent({
           active: isActive.value
         }) : null;
       }
-      return vue.withDirectives(vue.createVNode(Button, {
+      return vue.withDirectives(vue.createVNode(__sfc__$1a, {
         "var-fab-cover": true,
         "class": n$J("trigger"),
         "type": props2.type,
@@ -13616,7 +13578,7 @@ const Fab = vue.defineComponent({
         "round": true,
         "elevation": props2.elevation
       }, {
-        default: () => [vue.createVNode(Icon, {
+        default: () => [vue.createVNode(__sfc__$1h, {
           "var-fab-cover": true,
           "class": classes$B([isActive.value, n$J("trigger-active-icon"), n$J("trigger-inactive-icon")]),
           "name": isActive.value ? props2.activeIcon : props2.inactiveIcon,
@@ -13825,13 +13787,12 @@ var __sfc__$K = vue.defineComponent({
   }
 });
 __sfc__$K.render = __render__$J;
-const Form = __sfc__$K;
-Form.install = function(app) {
-  app.component(Form.name, Form);
+__sfc__$K.install = function(app) {
+  app.component(__sfc__$K.name, __sfc__$K);
 };
-Form.useValidation = useValidation;
-Form.useForm = useForm;
-var _FormComponent = Form;
+__sfc__$K.useValidation = useValidation;
+__sfc__$K.useForm = useForm;
+var _FormComponent = __sfc__$K;
 function fitValidator(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
 }
@@ -13960,8 +13921,8 @@ function __render__$I(_ctx, _cache) {
 var __sfc__$J = vue.defineComponent({
   name: "VarImage",
   directives: {
-    Lazy: Lazy$1,
-    Ripple: Ripple$1
+    Lazy,
+    Ripple
   },
   props: props$E,
   setup(props2) {
@@ -14000,11 +13961,10 @@ var __sfc__$J = vue.defineComponent({
   }
 });
 __sfc__$J.render = __render__$I;
-const Image$1 = __sfc__$J;
-Image$1.install = function(app) {
-  app.component(Image$1.name, Image$1);
+__sfc__$J.install = function(app) {
+  app.component(__sfc__$J.name, __sfc__$J);
 };
-var _ImageComponent = Image$1;
+var _ImageComponent = __sfc__$J;
 var SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
 function useSwipeItems() {
   var {
@@ -14171,6 +14131,7 @@ var __sfc__$I = vue.defineComponent({
       bindSwipeItems,
       length
     } = useSwipeItems();
+    var isCalledPrevOrNext = false;
     var touching = false;
     var timer = -1;
     var startX;
@@ -14365,6 +14326,7 @@ var __sfc__$I = vue.defineComponent({
       if (length.value <= 1) {
         return;
       }
+      isCalledPrevOrNext = true;
       var {
         loop,
         onChange
@@ -14389,6 +14351,7 @@ var __sfc__$I = vue.defineComponent({
       if (length.value <= 1) {
         return;
       }
+      isCalledPrevOrNext = true;
       var {
         loop,
         onChange
@@ -14431,8 +14394,9 @@ var __sfc__$I = vue.defineComponent({
     };
     bindSwipeItems(swipeProvider);
     vue.watch(() => length.value, /* @__PURE__ */ _asyncToGenerator$7(function* () {
+      isCalledPrevOrNext = false;
       yield doubleRaf();
-      initialIndex();
+      !isCalledPrevOrNext && initialIndex();
       resize();
     }));
     vue.onActivated(resize);
@@ -14460,11 +14424,10 @@ var __sfc__$I = vue.defineComponent({
   }
 });
 __sfc__$I.render = __render__$H;
-const Swipe = __sfc__$I;
-Swipe.install = function(app) {
-  app.component(Swipe.name, Swipe);
+__sfc__$I.install = function(app) {
+  app.component(__sfc__$I.name, __sfc__$I);
 };
-var _SwipeComponent = Swipe;
+var _SwipeComponent = __sfc__$I;
 function useSwipe() {
   var {
     bindParent,
@@ -14529,11 +14492,10 @@ var __sfc__$H = vue.defineComponent({
   }
 });
 __sfc__$H.render = __render__$G;
-const SwipeItem = __sfc__$H;
-SwipeItem.install = function(app) {
-  app.component(SwipeItem.name, SwipeItem);
+__sfc__$H.install = function(app) {
+  app.component(__sfc__$H.name, __sfc__$H);
 };
-var _SwipeItemComponent = SwipeItem;
+var _SwipeItemComponent = __sfc__$H;
 function _extends$7() {
   _extends$7 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -14733,10 +14695,10 @@ function __render__$F(_ctx, _cache) {
 var __sfc__$G = vue.defineComponent({
   name: "VarImagePreview",
   components: {
-    VarSwipe: Swipe,
-    VarSwipeItem: SwipeItem,
+    VarSwipe: __sfc__$I,
+    VarSwipeItem: __sfc__$H,
     VarPopup: Popup,
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   inheritAttrs: false,
   props: props$C,
@@ -14930,7 +14892,6 @@ var __sfc__$G = vue.defineComponent({
   }
 });
 __sfc__$G.render = __render__$F;
-const VarImagePreview = __sfc__$G;
 function _extends$6() {
   _extends$6 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -14974,7 +14935,7 @@ function ImagePreview(options) {
   singletonOptions$1 = reactiveImagePreviewOptions;
   var {
     unmountInstance
-  } = mountInstance(VarImagePreview, reactiveImagePreviewOptions, {
+  } = mountInstance(__sfc__$G, reactiveImagePreviewOptions, {
     onClose: () => call(reactiveImagePreviewOptions.onClose),
     onClosed: () => {
       call(reactiveImagePreviewOptions.onClosed);
@@ -15006,14 +14967,14 @@ ImagePreview.setDefaultOptions = (options) => {
 ImagePreview.resetDefaultOptions = () => {
   defaultOptions$1 = {};
 };
-VarImagePreview.install = function(app) {
-  app.component(VarImagePreview.name, VarImagePreview);
+__sfc__$G.install = function(app) {
+  app.component(__sfc__$G.name, __sfc__$G);
 };
 ImagePreview.install = function(app) {
-  app.component(VarImagePreview.name, VarImagePreview);
+  app.component(__sfc__$G.name, __sfc__$G);
 };
-ImagePreview.Component = VarImagePreview;
-var _ImagePreviewComponent = VarImagePreview;
+ImagePreview.Component = __sfc__$G;
+var _ImagePreviewComponent = __sfc__$G;
 var props$B = {
   offsetTop: {
     type: [String, Number],
@@ -15221,11 +15182,10 @@ var __sfc__$F = vue.defineComponent({
   }
 });
 __sfc__$F.render = __render__$E;
-const Sticky = __sfc__$F;
-Sticky.install = function(app) {
-  app.component(Sticky.name, Sticky);
+__sfc__$F.install = function(app) {
+  app.component(__sfc__$F.name, __sfc__$F);
 };
-var _StickyComponent = Sticky;
+var _StickyComponent = __sfc__$F;
 var INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol("INDEX_BAR_BIND_INDEX_ANCHOR_KEY");
 function useIndexAnchors() {
   var {
@@ -15297,7 +15257,7 @@ function __render__$D(_ctx, _cache) {
 var __sfc__$E = vue.defineComponent({
   name: "VarIndexAnchor",
   components: {
-    VarSticky: Sticky
+    VarSticky: __sfc__$F
   },
   inheritAttrs: false,
   props: props$A,
@@ -15350,11 +15310,10 @@ var __sfc__$E = vue.defineComponent({
   }
 });
 __sfc__$E.render = __render__$D;
-const IndexAnchor = __sfc__$E;
-IndexAnchor.install = function(app) {
-  app.component(IndexAnchor.name, IndexAnchor);
+__sfc__$E.install = function(app) {
+  app.component(__sfc__$E.name, __sfc__$E);
 };
-var _IndexAnchorComponent = IndexAnchor;
+var _IndexAnchorComponent = __sfc__$E;
 var props$z = {
   sticky: {
     type: Boolean,
@@ -15647,11 +15606,10 @@ var __sfc__$D = vue.defineComponent({
   }
 });
 __sfc__$D.render = __render__$C;
-const IndexBar = __sfc__$D;
-IndexBar.install = function(app) {
-  app.component(IndexBar.name, IndexBar);
+__sfc__$D.install = function(app) {
+  app.component(__sfc__$D.name, __sfc__$D);
 };
-var _IndexBarComponent = IndexBar;
+var _IndexBarComponent = __sfc__$D;
 function sizeValidator$1(size) {
   return ["small", "normal"].includes(size);
 }
@@ -15874,7 +15832,7 @@ function __render__$B(_ctx, _cache) {
 var __sfc__$C = vue.defineComponent({
   name: "VarFieldDecorator",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   props: props$y,
   setup(props2) {
@@ -15962,7 +15920,6 @@ var __sfc__$C = vue.defineComponent({
   }
 });
 __sfc__$C.render = __render__$B;
-const VarFieldDecorator = __sfc__$C;
 function _extends$5() {
   _extends$5 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -16201,8 +16158,8 @@ function __render__$A(_ctx, _cache) {
 var __sfc__$B = vue.defineComponent({
   name: "VarInput",
   components: {
-    VarFormDetails: FormDetails,
-    VarFieldDecorator
+    VarFormDetails: __sfc__$10,
+    VarFieldDecorator: __sfc__$C
   },
   props: props$x,
   setup(props2) {
@@ -16427,11 +16384,10 @@ var __sfc__$B = vue.defineComponent({
   }
 });
 __sfc__$B.render = __render__$A;
-const Input = __sfc__$B;
-Input.install = function(app) {
-  app.component(Input.name, Input);
+__sfc__$B.install = function(app) {
+  app.component(__sfc__$B.name, __sfc__$B);
 };
-var _InputComponent = Input;
+var _InputComponent = __sfc__$B;
 function typeValidator$2(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
 }
@@ -16561,11 +16517,10 @@ var __sfc__$A = vue.defineComponent({
   }
 });
 __sfc__$A.render = __render__$z;
-const Link = __sfc__$A;
-Link.install = function(app) {
-  app.component(Link.name, Link);
+__sfc__$A.install = function(app) {
+  app.component(__sfc__$A.name, __sfc__$A);
 };
-var _LinkComponent = Link;
+var _LinkComponent = __sfc__$A;
 var props$v = {
   loading: {
     type: Boolean,
@@ -16707,10 +16662,10 @@ function __render__$y(_ctx, _cache) {
 var __sfc__$z = vue.defineComponent({
   name: "VarList",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   components: {
-    VarLoading: Loading
+    VarLoading: __sfc__$1c
   },
   props: props$v,
   setup(props2) {
@@ -16769,11 +16724,10 @@ var __sfc__$z = vue.defineComponent({
   }
 });
 __sfc__$z.render = __render__$y;
-const List = __sfc__$z;
-List.install = function(app) {
-  app.component(List.name, List);
+__sfc__$z.install = function(app) {
+  app.component(__sfc__$z.name, __sfc__$z);
 };
-var _ListComponent = List;
+var _ListComponent = __sfc__$z;
 var props$u = {
   value: {
     type: Number,
@@ -16915,7 +16869,6 @@ var LoadingBar = {
   resetDefaultOptions
 };
 var _LoadingBarComponent = LoadingBar;
-const LoadingBar$1 = LoadingBar;
 function triggerValidator(trigger) {
   return ["click", "hover"].includes(trigger);
 }
@@ -17088,11 +17041,10 @@ var __sfc__$y = vue.defineComponent({
   }
 });
 __sfc__$y.render = __render__$x;
-const Menu = __sfc__$y;
-Menu.install = function(app) {
-  app.component(Menu.name, Menu);
+__sfc__$y.install = function(app) {
+  app.component(__sfc__$y.name, __sfc__$y);
 };
-var _MenuComponent = Menu;
+var _MenuComponent = __sfc__$y;
 var SELECT_BIND_OPTION_KEY = Symbol("SELECT_BIND_OPTION_KEY");
 function useOptions() {
   var {
@@ -17189,10 +17141,10 @@ function __render__$w(_ctx, _cache) {
 var __sfc__$x = vue.defineComponent({
   name: "VarOption",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   components: {
-    VarCheckbox: Checkbox
+    VarCheckbox: __sfc__$$
   },
   props: props$r,
   setup(props2) {
@@ -17238,11 +17190,10 @@ var __sfc__$x = vue.defineComponent({
   }
 });
 __sfc__$x.render = __render__$w;
-const Option = __sfc__$x;
-Option.install = function(app) {
-  app.component(Option.name, Option);
+__sfc__$x.install = function(app) {
+  app.component(__sfc__$x.name, __sfc__$x);
 };
-var _OptionComponent = Option;
+var _OptionComponent = __sfc__$x;
 var props$q = {
   show: {
     type: Boolean,
@@ -17597,13 +17548,13 @@ function __render__$v(_ctx, _cache) {
 var __sfc__$w = vue.defineComponent({
   name: "VarPagination",
   components: {
-    VarMenu: Menu,
-    VarIcon: Icon,
-    VarCell: Cell,
-    VarInput: Input
+    VarMenu: __sfc__$y,
+    VarIcon: __sfc__$1h,
+    VarCell: __sfc__$11,
+    VarInput: __sfc__$B
   },
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   props: props$p,
   setup(props2) {
@@ -17774,11 +17725,10 @@ var __sfc__$w = vue.defineComponent({
   }
 });
 __sfc__$w.render = __render__$v;
-const Pagination = __sfc__$w;
-Pagination.install = function(app) {
-  app.component(Pagination.name, Pagination);
+__sfc__$w.install = function(app) {
+  app.component(__sfc__$w.name, __sfc__$w);
 };
-var _PaginationComponent = Pagination;
+var _PaginationComponent = __sfc__$w;
 var props$o = {
   elevation: {
     type: [Boolean, Number, String],
@@ -17836,7 +17786,7 @@ function __render__$u(_ctx, _cache) {
 var __sfc__$v = vue.defineComponent({
   name: "VarPaper",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   props: props$o,
   setup(props2) {
@@ -17853,11 +17803,10 @@ var __sfc__$v = vue.defineComponent({
   }
 });
 __sfc__$v.render = __render__$u;
-const Paper = __sfc__$v;
-Paper.install = function(app) {
-  app.component(Paper.name, Paper);
+__sfc__$v.install = function(app) {
+  app.component(__sfc__$v.name, __sfc__$v);
 };
-var _PaperComponent = Paper;
+var _PaperComponent = __sfc__$v;
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -18133,7 +18082,7 @@ function __render__$t(_ctx, _cache) {
 var __sfc__$u = vue.defineComponent({
   name: "VarPicker",
   components: {
-    VarButton: Button,
+    VarButton: __sfc__$1a,
     VarPopup: Popup
   },
   inheritAttrs: false,
@@ -18386,7 +18335,6 @@ var __sfc__$u = vue.defineComponent({
   }
 });
 __sfc__$u.render = __render__$t;
-const VarPicker = __sfc__$u;
 var singletonOptions;
 function Picker(options) {
   return new Promise((resolve) => {
@@ -18400,7 +18348,7 @@ function Picker(options) {
     singletonOptions = reactivePickerOptions;
     var {
       unmountInstance
-    } = mountInstance(VarPicker, reactivePickerOptions, {
+    } = mountInstance(__sfc__$u, reactivePickerOptions, {
       onConfirm: (texts, indexes) => {
         call(reactivePickerOptions.onConfirm, texts, indexes);
         resolve({
@@ -18444,12 +18392,12 @@ function Picker(options) {
     reactivePickerOptions.show = true;
   });
 }
-VarPicker.install = function(app) {
-  app.component(VarPicker.name, VarPicker);
+__sfc__$u.install = function(app) {
+  app.component(__sfc__$u.name, __sfc__$u);
 };
-Picker.Component = VarPicker;
+Picker.Component = __sfc__$u;
 Picker.install = function(app) {
-  app.component(VarPicker.name, VarPicker);
+  app.component(__sfc__$u.name, __sfc__$u);
 };
 Picker.close = function() {
   if (singletonOptions != null) {
@@ -18460,7 +18408,7 @@ Picker.close = function() {
     });
   }
 };
-var _PickerComponent = VarPicker;
+var _PickerComponent = __sfc__$u;
 function modeValidator(mode) {
   return ["linear", "circle"].includes(mode);
 }
@@ -18699,11 +18647,10 @@ var __sfc__$t = vue.defineComponent({
   }
 });
 __sfc__$t.render = __render__$s;
-const Progress = __sfc__$t;
-Progress.install = function(app) {
-  app.component(Progress.name, Progress);
+__sfc__$t.install = function(app) {
+  app.component(__sfc__$t.name, __sfc__$t);
 };
-var _ProgressComponent = Progress;
+var _ProgressComponent = __sfc__$t;
 var props$l = {
   modelValue: {
     type: Boolean
@@ -18825,7 +18772,7 @@ function __render__$r(_ctx, _cache) {
 var __sfc__$s = vue.defineComponent({
   name: "VarPullRefresh",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   props: props$l,
   setup(props2) {
@@ -18977,11 +18924,10 @@ var __sfc__$s = vue.defineComponent({
   }
 });
 __sfc__$s.render = __render__$r;
-const PullRefresh = __sfc__$s;
-PullRefresh.install = function(app) {
-  app.component(PullRefresh.name, PullRefresh);
+__sfc__$s.install = function(app) {
+  app.component(__sfc__$s.name, __sfc__$s);
 };
-var _PullRefreshComponent = PullRefresh;
+var _PullRefreshComponent = __sfc__$s;
 var props$k = {
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
@@ -19149,13 +19095,13 @@ function __render__$q(_ctx, _cache) {
 var __sfc__$r = vue.defineComponent({
   name: "VarRadio",
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   components: {
-    VarIcon: Icon,
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarIcon: __sfc__$1h,
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   inheritAttrs: false,
   props: props$k,
@@ -19280,11 +19226,10 @@ var __sfc__$r = vue.defineComponent({
   }
 });
 __sfc__$r.render = __render__$q;
-const Radio = __sfc__$r;
-Radio.install = function(app) {
-  app.component(Radio.name, Radio);
+__sfc__$r.install = function(app) {
+  app.component(__sfc__$r.name, __sfc__$r);
 };
-var _RadioComponent = Radio;
+var _RadioComponent = __sfc__$r;
 function directionValidator$2(direction) {
   return ["horizontal", "vertical"].includes(direction);
 }
@@ -19343,7 +19288,7 @@ function __render__$p(_ctx, _cache) {
 var __sfc__$q = vue.defineComponent({
   name: "VarRadioGroup",
   components: {
-    VarFormDetails: FormDetails
+    VarFormDetails: __sfc__$10
   },
   props: props$j,
   setup(props2) {
@@ -19411,11 +19356,10 @@ var __sfc__$q = vue.defineComponent({
   }
 });
 __sfc__$q.render = __render__$p;
-const RadioGroup = __sfc__$q;
-RadioGroup.install = function(app) {
-  app.component(RadioGroup.name, RadioGroup);
+__sfc__$q.install = function(app) {
+  app.component(__sfc__$q.name, __sfc__$q);
 };
-var _RadioGroupComponent = RadioGroup;
+var _RadioGroupComponent = __sfc__$q;
 var props$i = {
   modelValue: {
     type: [String, Number],
@@ -19560,13 +19504,13 @@ function __render__$o(_ctx, _cache) {
 var __sfc__$p = vue.defineComponent({
   name: "VarRate",
   components: {
-    VarIcon: Icon,
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarIcon: __sfc__$1h,
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   props: props$i,
   setup(props2) {
@@ -19700,11 +19644,10 @@ var __sfc__$p = vue.defineComponent({
   }
 });
 __sfc__$p.render = __render__$o;
-const Rate = __sfc__$p;
-Rate.install = function(app) {
-  app.component(Rate.name, Rate);
+__sfc__$p.install = function(app) {
+  app.component(__sfc__$p.name, __sfc__$p);
 };
-var _RateComponent = Rate;
+var _RateComponent = __sfc__$p;
 function typeValidator$1(type) {
   return ["info", "success", "warning", "error", "question", "empty"].includes(type);
 }
@@ -19748,7 +19691,6 @@ function __render__$n(_ctx, _cache) {
 }
 var __sfc__$o = vue.defineComponent({});
 __sfc__$o.render = __render__$n;
-const Info = __sfc__$o;
 var _withScopeId$4 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 var _hoisted_1$8 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -19769,7 +19711,6 @@ function __render__$m(_ctx, _cache) {
 }
 var __sfc__$n = vue.defineComponent({});
 __sfc__$n.render = __render__$m;
-const Error$1 = __sfc__$n;
 var _withScopeId$3 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 var _hoisted_1$7 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -19790,7 +19731,6 @@ function __render__$l(_ctx, _cache) {
 }
 var __sfc__$m = vue.defineComponent({});
 __sfc__$m.render = __render__$l;
-const Warning = __sfc__$m;
 var {
   n: n$k,
   classes: classes$g
@@ -19887,7 +19827,6 @@ var __sfc__$l = vue.defineComponent({
   }
 });
 __sfc__$l.render = __render__$k;
-const Success = __sfc__$l;
 var _withScopeId$2 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 var _hoisted_1$6 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -19908,7 +19847,6 @@ function __render__$j(_ctx, _cache) {
 }
 var __sfc__$k = vue.defineComponent({});
 __sfc__$k.render = __render__$j;
-const Question = __sfc__$k;
 var _withScopeId$1 = (n2) => (vue.pushScopeId(""), n2 = n2(), vue.popScopeId(), n2);
 var _hoisted_1$5 = {
   viewBox: "-4 -4 32 32"
@@ -19929,7 +19867,6 @@ function __render__$i(_ctx, _cache) {
 }
 var __sfc__$j = vue.defineComponent({});
 __sfc__$j.render = __render__$i;
-const Empty = __sfc__$j;
 var {
   n: n$j,
   classes: classes$f
@@ -20006,12 +19943,12 @@ function __render__$h(_ctx, _cache) {
 var __sfc__$i = vue.defineComponent({
   name: "VarResult",
   components: {
-    Info,
-    Success,
-    Warning,
-    Error: Error$1,
-    Question,
-    Empty
+    Info: __sfc__$o,
+    Success: __sfc__$l,
+    Warning: __sfc__$m,
+    Error: __sfc__$n,
+    Question: __sfc__$k,
+    Empty: __sfc__$j
   },
   props: props$h,
   setup(props2) {
@@ -20039,11 +19976,10 @@ var __sfc__$i = vue.defineComponent({
   }
 });
 __sfc__$i.render = __render__$h;
-const Result = __sfc__$i;
-Result.install = function(app) {
-  app.component(Result.name, Result);
+__sfc__$i.install = function(app) {
+  app.component(__sfc__$i.name, __sfc__$i);
 };
-var _ResultComponent = Result;
+var _ResultComponent = __sfc__$i;
 function justifyValidator$1(justify) {
   return ["flex-start", "flex-end", "start", "end", "center", "space-between", "space-around"].includes(justify);
 }
@@ -20130,11 +20066,10 @@ var __sfc__$h = vue.defineComponent({
   }
 });
 __sfc__$h.render = __render__$g;
-const Row = __sfc__$h;
-Row.install = function(app) {
-  app.component(Row.name, Row);
+__sfc__$h.install = function(app) {
+  app.component(__sfc__$h.name, __sfc__$h);
 };
-var _RowComponent = Row;
+var _RowComponent = __sfc__$h;
 function _extends$3() {
   _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -20394,11 +20329,11 @@ function __render__$f(_ctx, _cache) {
 var __sfc__$g = vue.defineComponent({
   name: "VarSelect",
   components: {
-    VarIcon: Icon,
-    VarMenu: Menu,
-    VarChip: Chip,
-    VarFieldDecorator,
-    VarFormDetails: FormDetails
+    VarIcon: __sfc__$1h,
+    VarMenu: __sfc__$y,
+    VarChip: __sfc__$Z,
+    VarFieldDecorator: __sfc__$C,
+    VarFormDetails: __sfc__$10
   },
   props: props$f,
   setup(props2) {
@@ -20658,11 +20593,10 @@ var __sfc__$g = vue.defineComponent({
   }
 });
 __sfc__$g.render = __render__$f;
-const Select = __sfc__$g;
-Select.install = function(app) {
-  app.component(Select.name, Select);
+__sfc__$g.install = function(app) {
+  app.component(__sfc__$g.name, __sfc__$g);
 };
-var _SelectComponent = Select;
+var _SelectComponent = __sfc__$g;
 var props$e = {
   loading: {
     type: Boolean,
@@ -20879,11 +20813,10 @@ var __sfc__$f = vue.defineComponent({
   }
 });
 __sfc__$f.render = __render__$e;
-const Skeleton = __sfc__$f;
-Skeleton.install = function(app) {
-  app.component(Skeleton.name, Skeleton);
+__sfc__$f.install = function(app) {
+  app.component(__sfc__$f.name, __sfc__$f);
 };
-var _SkeletonComponent = Skeleton;
+var _SkeletonComponent = __sfc__$f;
 function labelValidator(label) {
   return ["always", "normal", "never"].includes(label);
 }
@@ -20951,6 +20884,10 @@ var props$d = {
     type: Boolean,
     default: false
   },
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
   rules: {
     type: Array
   },
@@ -20971,12 +20908,12 @@ function __render__$d(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock(
     "div",
     {
-      class: vue.normalizeClass(_ctx.n())
+      class: vue.normalizeClass(_ctx.n(_ctx.direction))
     },
     [vue.createElementVNode(
       "div",
       {
-        class: vue.normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.isDisabled, _ctx.n("--disabled")], [_ctx.errorMessage, _ctx.n("--error")])),
+        class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-block"), [_ctx.isDisabled, _ctx.n("--disabled")], [_ctx.errorMessage, _ctx.n("--error")])),
         ref: "sliderEl",
         onClick: _cache[0] || (_cache[0] = function() {
           return _ctx.click && _ctx.click(...arguments);
@@ -20985,15 +20922,16 @@ function __render__$d(_ctx, _cache) {
       [vue.createElementVNode(
         "div",
         {
-          class: vue.normalizeClass(_ctx.n("track"))
+          class: vue.normalizeClass(_ctx.n(_ctx.direction + "-track"))
         },
         [vue.createElementVNode(
           "div",
           {
-            class: vue.normalizeClass(_ctx.n("track-background")),
+            class: vue.normalizeClass(_ctx.n(_ctx.direction + "-track-background")),
             style: vue.normalizeStyle({
               background: _ctx.trackColor,
-              height: _ctx.multiplySizeUnit(_ctx.trackHeight)
+              height: _ctx.isVertical ? "100%" : _ctx.multiplySizeUnit(_ctx.trackHeight),
+              width: _ctx.isVertical ? _ctx.multiplySizeUnit(_ctx.trackHeight) : "100%"
             })
           },
           null,
@@ -21002,7 +20940,7 @@ function __render__$d(_ctx, _cache) {
         ), vue.createElementVNode(
           "div",
           {
-            class: vue.normalizeClass(_ctx.n("track-fill")),
+            class: vue.normalizeClass(_ctx.n(_ctx.direction + "-track-fill")),
             style: vue.normalizeStyle(_ctx.getFillStyle)
           },
           null,
@@ -21018,12 +20956,9 @@ function __render__$d(_ctx, _cache) {
           return vue.openBlock(), vue.createElementBlock(
             "div",
             {
-              class: vue.normalizeClass(_ctx.n("thumb")),
+              class: vue.normalizeClass(_ctx.n(_ctx.direction + "-thumb")),
               key: item.enumValue,
-              style: vue.normalizeStyle({
-                left: item.value + "%",
-                zIndex: _ctx.thumbsProps[item.enumValue].active ? 1 : void 0
-              }),
+              style: vue.normalizeStyle(_ctx.thumbStyle(item)),
               onTouchstart: vue.withModifiers(($event) => _ctx.start($event, item.enumValue), ["stop"]),
               onTouchmove: vue.withModifiers(($event) => _ctx.move($event, item.enumValue), ["stop"]),
               onTouchend: ($event) => _ctx.end(item.enumValue),
@@ -21034,7 +20969,7 @@ function __render__$d(_ctx, _cache) {
             }, () => [vue.withDirectives(vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(_ctx.n("thumb-block")),
+                class: vue.normalizeClass(_ctx.n(_ctx.direction + "-thumb-block")),
                 style: vue.normalizeStyle({
                   background: _ctx.thumbColor
                 })
@@ -21045,7 +20980,7 @@ function __render__$d(_ctx, _cache) {
             ), [[_directive_hover, (value) => _ctx.hover(value, item), "desktop"]]), vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("thumb-ripple"), [_ctx.thumbsProps[item.enumValue].active, _ctx.n("thumb-ripple--active")])),
+                class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-thumb-ripple"), [_ctx.thumbsProps[item.enumValue].active, _ctx.n(_ctx.direction + "-thumb-ripple--active")])),
                 style: vue.normalizeStyle({
                   background: _ctx.thumbsProps[item.enumValue].active ? _ctx.thumbColor : void 0
                 })
@@ -21064,7 +20999,7 @@ function __render__$d(_ctx, _cache) {
             ), vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(_ctx.classes(_ctx.n("thumb-label"), [_ctx.showLabel(item.enumValue), _ctx.n("thumb-label--active")])),
+                class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-thumb-label"), [_ctx.showLabel(item.enumValue), _ctx.n(_ctx.direction + "-thumb-label--active")])),
                 style: vue.normalizeStyle({
                   background: _ctx.labelColor,
                   color: _ctx.labelTextColor,
@@ -21109,11 +21044,11 @@ function __render__$d(_ctx, _cache) {
 var __sfc__$e = vue.defineComponent({
   name: "VarSlider",
   components: {
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   directives: {
-    Hover: Hover$1
+    Hover
   },
   props: props$d,
   setup(props2) {
@@ -21138,20 +21073,20 @@ var __sfc__$e = vue.defineComponent({
     var validate = () => v(props2.rules, props2.modelValue);
     var getThumbProps = () => ({
       startPosition: 0,
-      currentLeft: 0,
+      currentOffset: 0,
       active: false,
       percentValue: 0
     });
     var validateWithTrigger = () => vue.nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
     var sliderEl = vue.ref(null);
-    var maxWidth = vue.ref(0);
+    var maxDistance = vue.ref(0);
     var isScroll = vue.ref(false);
     var thumbsProps = vue.reactive({
       [Thumbs.First]: getThumbProps(),
       [Thumbs.Second]: getThumbProps()
     });
     var scope = vue.computed(() => toNumber(props2.max) - toNumber(props2.min));
-    var unitWidth = vue.computed(() => maxWidth.value / scope.value * toNumber(props2.step));
+    var unitWidth = vue.computed(() => maxDistance.value / scope.value * toNumber(props2.step));
     var thumbList = vue.computed(() => {
       var {
         modelValue,
@@ -21189,16 +21124,39 @@ var __sfc__$e = vue.defineComponent({
         range,
         modelValue
       } = props2;
-      var left2 = range && isArray(modelValue) ? getValue(Math.min(modelValue[0], modelValue[1])) : 0;
-      var width = range && isArray(modelValue) ? getValue(Math.max(modelValue[0], modelValue[1])) - left2 : getValue(modelValue);
-      return {
-        width: width + "%",
-        left: left2 + "%",
+      var gap = range && isArray(modelValue) ? getValue(Math.min(modelValue[0], modelValue[1])) : 0;
+      var fillLength = range && isArray(modelValue) ? getValue(Math.max(modelValue[0], modelValue[1])) - gap : getValue(modelValue);
+      return isVertical.value ? {
+        left: "0px",
+        height: fillLength + "%",
+        bottom: gap + "%",
+        background: activeColor
+      } : {
+        top: "0px",
+        width: fillLength + "%",
+        left: gap + "%",
         background: activeColor
       };
     });
     var isDisabled = vue.computed(() => props2.disabled || (form == null ? void 0 : form.disabled.value));
     var isReadonly = vue.computed(() => props2.readonly || (form == null ? void 0 : form.readonly.value));
+    var isVertical = vue.computed(() => props2.direction === "vertical");
+    var getOffset = (e) => {
+      var currentTarget = e.currentTarget;
+      if (!currentTarget)
+        return 0;
+      if (!isVertical.value) {
+        return e.clientX - getLeft(currentTarget);
+      }
+      return maxDistance.value - (e.clientY - currentTarget.getBoundingClientRect().top);
+    };
+    var thumbStyle = (thumb) => {
+      var key = isVertical.value ? "bottom" : "left";
+      return {
+        [key]: thumb.value + "%",
+        zIndex: thumbsProps[thumb.enumValue].active ? 1 : void 0
+      };
+    };
     var showLabel = (type) => {
       if (props2.labelVisible === "always")
         return true;
@@ -21267,8 +21225,8 @@ var __sfc__$e = vue.defineComponent({
       return offsetToThumb1 <= offsetToThumb2 ? Thumbs.First : Thumbs.Second;
     };
     var start2 = (event, type) => {
-      if (!maxWidth.value)
-        maxWidth.value = sliderEl.value.offsetWidth;
+      if (!maxDistance.value)
+        maxDistance.value = sliderEl.value.offsetWidth;
       if (!isDisabled.value) {
         thumbsProps[type].active = true;
       }
@@ -21276,16 +21234,24 @@ var __sfc__$e = vue.defineComponent({
         return;
       call(props2.onStart);
       isScroll.value = true;
-      thumbsProps[type].startPosition = event.touches[0].clientX;
+      thumbsProps[type].startPosition = event.touches[0][isVertical.value ? "clientY" : "clientX"];
     };
     var move = (event, type) => {
       if (isDisabled.value || isReadonly.value || !isScroll.value)
         return;
-      var moveDistance = event.touches[0].clientX - thumbsProps[type].startPosition + thumbsProps[type].currentLeft;
+      var {
+        startPosition,
+        currentOffset
+      } = thumbsProps[type];
+      var {
+        clientX,
+        clientY
+      } = event.touches[0];
+      var moveDistance = (isVertical.value ? startPosition - clientY : clientX - startPosition) + currentOffset;
       if (moveDistance <= 0)
         moveDistance = 0;
-      else if (moveDistance >= maxWidth.value)
-        moveDistance = maxWidth.value;
+      else if (moveDistance >= maxDistance.value)
+        moveDistance = maxDistance.value;
       setPercent(moveDistance, type);
     };
     var end2 = (type) => {
@@ -21302,7 +21268,7 @@ var __sfc__$e = vue.defineComponent({
       if (isDisabled.value || isReadonly.value)
         return;
       var rangeValue = [];
-      thumbsProps[type].currentLeft = thumbsProps[type].percentValue * unitWidth.value;
+      thumbsProps[type].currentOffset = thumbsProps[type].percentValue * unitWidth.value;
       var curValue = thumbsProps[type].percentValue * toNumber(step2) + toNumber(min2);
       if (range && isArray(modelValue)) {
         rangeValue = type === Thumbs.First ? [curValue, modelValue[1]] : [modelValue[0], curValue];
@@ -21315,7 +21281,7 @@ var __sfc__$e = vue.defineComponent({
         return;
       if (event.target.closest("." + n$f("thumb")))
         return;
-      var offset2 = event.clientX - getLeft(event.currentTarget);
+      var offset2 = getOffset(event);
       var type = getType(offset2);
       setPercent(offset2, type);
       end2(type);
@@ -21371,11 +21337,11 @@ var __sfc__$e = vue.defineComponent({
       };
       if (props2.range && isArray(modelValue)) {
         thumbsProps[Thumbs.First].percentValue = getPercent(modelValue[0]);
-        thumbsProps[Thumbs.First].currentLeft = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
+        thumbsProps[Thumbs.First].currentOffset = thumbsProps[Thumbs.First].percentValue * unitWidth.value;
         thumbsProps[Thumbs.Second].percentValue = getPercent(modelValue[1]);
-        thumbsProps[Thumbs.Second].currentLeft = thumbsProps[Thumbs.Second].percentValue * unitWidth.value;
+        thumbsProps[Thumbs.Second].currentOffset = thumbsProps[Thumbs.Second].percentValue * unitWidth.value;
       } else if (isNumber(modelValue)) {
-        thumbsProps[Thumbs.First].currentLeft = getPercent(modelValue) * unitWidth.value;
+        thumbsProps[Thumbs.First].currentOffset = getPercent(modelValue) * unitWidth.value;
       }
     };
     var reset = () => {
@@ -21395,11 +21361,11 @@ var __sfc__$e = vue.defineComponent({
         return;
       setProps(modelValue, toNumber(step2));
     });
-    vue.watch(maxWidth, () => setProps());
+    vue.watch(maxDistance, () => setProps());
     useMounted(() => {
       if (!stepValidator() || !valueValidator())
         return;
-      maxWidth.value = sliderEl.value.offsetWidth;
+      maxDistance.value = sliderEl.value[isVertical.value ? "offsetHeight" : "offsetWidth"];
     });
     return {
       n: n$f,
@@ -21408,6 +21374,8 @@ var __sfc__$e = vue.defineComponent({
       sliderEl,
       getFillStyle,
       isDisabled,
+      isVertical,
+      thumbStyle,
       errorMessage,
       thumbsProps,
       thumbList,
@@ -21423,11 +21391,10 @@ var __sfc__$e = vue.defineComponent({
   }
 });
 __sfc__$e.render = __render__$d;
-const Slider = __sfc__$e;
-Slider.install = function(app) {
-  app.component(Slider.name, Slider);
+__sfc__$e.install = function(app) {
+  app.component(__sfc__$e.name, __sfc__$e);
 };
-var _SliderComponent = Slider;
+var _SliderComponent = __sfc__$e;
 function _extends$2() {
   _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -21608,8 +21575,8 @@ function __render__$c(_ctx, _cache) {
 var __sfc__$d = vue.defineComponent({
   name: "VarSnackbarCore",
   components: {
-    VarLoading: Loading,
-    VarIcon: Icon
+    VarLoading: __sfc__$1c,
+    VarIcon: __sfc__$1h
   },
   props: props$c,
   setup(props2) {
@@ -21659,7 +21626,6 @@ var __sfc__$d = vue.defineComponent({
   }
 });
 __sfc__$d.render = __render__$c;
-const VarSnackbarCore = __sfc__$d;
 var {
   n: n$d
 } = createNamespace("snackbar");
@@ -21711,7 +21677,7 @@ function __render__$b(_ctx, _cache) {
 var __sfc__$c = vue.defineComponent({
   name: "VarSnackbar",
   components: {
-    VarSnackbarCore
+    VarSnackbarCore: __sfc__$d
   },
   props: props$c,
   setup() {
@@ -21725,7 +21691,6 @@ var __sfc__$c = vue.defineComponent({
   }
 });
 __sfc__$c.render = __render__$b;
-const VarSnackbar = __sfc__$c;
 function _extends$1() {
   _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -21810,7 +21775,7 @@ var TransitionGroupHost = {
           icon: getSlotValue(icon2),
           action: getSlotValue(action)
         };
-        return vue.createVNode(VarSnackbarCore, vue.mergeProps(reactiveSnackOptions, {
+        return vue.createVNode(__sfc__$d, vue.mergeProps(reactiveSnackOptions, {
           "key": id,
           "style": style,
           "data-id": id,
@@ -21876,7 +21841,7 @@ SNACKBAR_TYPE.forEach((type) => {
   };
 });
 Snackbar.install = function(app) {
-  app.component(VarSnackbar.name, VarSnackbar);
+  app.component(__sfc__$c.name, __sfc__$c);
 };
 Snackbar.allowMultiple = function(bool) {
   if (bool === void 0) {
@@ -21900,7 +21865,7 @@ Snackbar.setDefaultOptions = function(options) {
 Snackbar.resetDefaultOptions = function() {
   defaultOptions = defaultOptionsValue;
 };
-Snackbar.Component = VarSnackbar;
+Snackbar.Component = __sfc__$c;
 function opened(element) {
   var id = element.getAttribute("data-id");
   var option2 = uniqSnackbarOptions.find((option3) => option3.id === toNumber(id));
@@ -21951,11 +21916,10 @@ function getTop(position) {
     top: position === "top" ? "5%" : "45%"
   };
 }
-VarSnackbar.install = function(app) {
-  app.component(VarSnackbar.name, VarSnackbar);
+__sfc__$c.install = function(app) {
+  app.component(__sfc__$c.name, __sfc__$c);
 };
-var _SnackbarComponent = VarSnackbar;
-const Snackbar$1 = Snackbar;
+var _SnackbarComponent = __sfc__$c;
 var internalSizeValidator = (size) => ["mini", "small", "normal", "large"].includes(size);
 var sizeValidator = (size) => {
   return internalSizeValidator(size) || isArray(size) || isNumber(size) || isString(size);
@@ -22243,7 +22207,7 @@ function __render__$a(_ctx, _cache) {
 var __sfc__$b = vue.defineComponent({
   name: "VarStep",
   components: {
-    VarIcon: Icon
+    VarIcon: __sfc__$1h
   },
   props: props$a,
   setup() {
@@ -22300,11 +22264,10 @@ var __sfc__$b = vue.defineComponent({
   }
 });
 __sfc__$b.render = __render__$a;
-const Step = __sfc__$b;
-Step.install = function(app) {
-  app.component(Step.name, Step);
+__sfc__$b.install = function(app) {
+  app.component(__sfc__$b.name, __sfc__$b);
 };
-var _StepComponent = Step;
+var _StepComponent = __sfc__$b;
 function directionValidator$1(direction) {
   return ["horizontal", "vertical"].includes(direction);
 }
@@ -22373,11 +22336,10 @@ var __sfc__$a = vue.defineComponent({
   }
 });
 __sfc__$a.render = __render__$9;
-const Steps = __sfc__$a;
-Steps.install = function(app) {
-  app.component(Steps.name, Steps);
+__sfc__$a.install = function(app) {
+  app.component(__sfc__$a.name, __sfc__$a);
 };
-var _StepsComponent = Steps;
+var _StepsComponent = __sfc__$a;
 var props$8 = {
   styleVars: {
     type: Object,
@@ -22404,7 +22366,6 @@ var __sfc__$9 = vue.defineComponent({
     }, call(slots.default));
   }
 });
-const VarStyleProvider = __sfc__$9;
 var mountedVarKeys = [];
 function StyleProvider(styleVars) {
   mountedVarKeys.forEach((key) => document.documentElement.style.removeProperty(key));
@@ -22416,14 +22377,14 @@ function StyleProvider(styleVars) {
     mountedVarKeys.push(key);
   });
 }
-StyleProvider.Component = VarStyleProvider;
-VarStyleProvider.install = function(app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
+StyleProvider.Component = __sfc__$9;
+__sfc__$9.install = function(app) {
+  app.component(__sfc__$9.name, __sfc__$9);
 };
 StyleProvider.install = function(app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
+  app.component(__sfc__$9.name, __sfc__$9);
 };
-var _StyleProviderComponent = VarStyleProvider;
+var _StyleProviderComponent = __sfc__$9;
 var props$7 = {
   modelValue: {
     default: false
@@ -22559,13 +22520,13 @@ function __render__$8(_ctx, _cache) {
 var __sfc__$8 = vue.defineComponent({
   name: "VarSwitch",
   components: {
-    VarLoading: Loading,
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarLoading: __sfc__$1c,
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   props: props$7,
   setup(props2) {
@@ -22676,11 +22637,10 @@ var __sfc__$8 = vue.defineComponent({
   }
 });
 __sfc__$8.render = __render__$8;
-const Switch = __sfc__$8;
-Switch.install = function(app) {
-  app.component(Switch.name, Switch);
+__sfc__$8.install = function(app) {
+  app.component(__sfc__$8.name, __sfc__$8);
 };
-var _SwitchComponent = Switch;
+var _SwitchComponent = __sfc__$8;
 var props$6 = {
   name: {
     type: [String, Number]
@@ -22747,7 +22707,7 @@ function __render__$7(_ctx, _cache) {
 var __sfc__$7 = vue.defineComponent({
   name: "VarTab",
   directives: {
-    Ripple: Ripple$1
+    Ripple
   },
   props: props$6,
   setup(props2) {
@@ -22817,11 +22777,10 @@ var __sfc__$7 = vue.defineComponent({
   }
 });
 __sfc__$7.render = __render__$7;
-const Tab = __sfc__$7;
-Tab.install = function(app) {
-  app.component(Tab.name, Tab);
+__sfc__$7.install = function(app) {
+  app.component(__sfc__$7.name, __sfc__$7);
 };
-var _TabComponent = Tab;
+var _TabComponent = __sfc__$7;
 var TABS_ITEMS_BIND_TAB_ITEM_KEY = Symbol("TABS_ITEMS_BIND_TAB_ITEM_KEY");
 function useTabItem() {
   var {
@@ -22881,7 +22840,7 @@ function __render__$6(_ctx, _cache) {
 var __sfc__$6 = vue.defineComponent({
   name: "VarTabItem",
   components: {
-    VarSwipeItem: SwipeItem
+    VarSwipeItem: __sfc__$H
   },
   props: props$5,
   setup(props2) {
@@ -22913,11 +22872,10 @@ var __sfc__$6 = vue.defineComponent({
   }
 });
 __sfc__$6.render = __render__$6;
-const TabItem = __sfc__$6;
-TabItem.install = function(app) {
-  app.component(TabItem.name, TabItem);
+__sfc__$6.install = function(app) {
+  app.component(__sfc__$6.name, __sfc__$6);
 };
-var _TabItemComponent = TabItem;
+var _TabItemComponent = __sfc__$6;
 var props$4 = {
   fullWidth: {
     type: [Number, String],
@@ -22984,11 +22942,10 @@ var __sfc__$5 = vue.defineComponent({
   }
 });
 __sfc__$5.render = __render__$5;
-const Table = __sfc__$5;
-Table.install = function(app) {
-  app.component(Table.name, Table);
+__sfc__$5.install = function(app) {
+  app.component(__sfc__$5.name, __sfc__$5);
 };
-var _TableComponent = Table;
+var _TableComponent = __sfc__$5;
 function directionValidator(direction) {
   return ["horizontal", "vertical"].includes(direction);
 }
@@ -23162,7 +23119,7 @@ function __render__$4(_ctx, _cache) {
 var __sfc__$4 = vue.defineComponent({
   name: "VarTabs",
   components: {
-    VarSticky: Sticky
+    VarSticky: __sfc__$F
   },
   inheritAttrs: false,
   props: props$3,
@@ -23324,11 +23281,10 @@ var __sfc__$4 = vue.defineComponent({
   }
 });
 __sfc__$4.render = __render__$4;
-const Tabs = __sfc__$4;
-Tabs.install = function(app) {
-  app.component(Tabs.name, Tabs);
+__sfc__$4.install = function(app) {
+  app.component(__sfc__$4.name, __sfc__$4);
 };
-var _TabsComponent = Tabs;
+var _TabsComponent = __sfc__$4;
 var props$2 = {
   active: {
     type: [String, Number],
@@ -23400,7 +23356,7 @@ function __render__$3(_ctx, _cache) {
 var __sfc__$3 = vue.defineComponent({
   name: "VarTabsItems",
   components: {
-    VarSwipe: Swipe
+    VarSwipe: __sfc__$I
   },
   props: props$2,
   setup(props2) {
@@ -23474,11 +23430,10 @@ var __sfc__$3 = vue.defineComponent({
   }
 });
 __sfc__$3.render = __render__$3;
-const TabsItems = __sfc__$3;
-TabsItems.install = function(app) {
-  app.component(TabsItems.name, TabsItems);
+__sfc__$3.install = function(app) {
+  app.component(__sfc__$3.name, __sfc__$3);
 };
-var _TabsItemsComponent = TabsItems;
+var _TabsItemsComponent = __sfc__$3;
 const actionSheet$1 = {
   "--action-sheet-background": "#1e1e1e",
   "--action-sheet-title-color": "#aaa",
@@ -23657,7 +23612,6 @@ var Themes = {
   dark
 };
 var _ThemesComponent = null;
-const Themes$1 = Themes;
 var hoursAmpm = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
 var hours24 = ["00", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
 var minSec = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"];
@@ -24149,7 +24103,6 @@ var __sfc__$2 = vue.defineComponent({
   }
 });
 __sfc__$2.render = __render__$2;
-const Clock = __sfc__$2;
 var {
   n: n$1,
   classes: classes$1
@@ -24316,7 +24269,7 @@ function __render__$1(_ctx, _cache) {
 var __sfc__$1 = vue.defineComponent({
   name: "VarTimePicker",
   components: {
-    Clock
+    Clock: __sfc__$2
   },
   props: props$1,
   setup(props2) {
@@ -24589,11 +24542,10 @@ var __sfc__$1 = vue.defineComponent({
   }
 });
 __sfc__$1.render = __render__$1;
-const TimePicker = __sfc__$1;
-TimePicker.install = function(app) {
-  app.component(TimePicker.name, TimePicker);
+__sfc__$1.install = function(app) {
+  app.component(__sfc__$1.name, __sfc__$1);
 };
-var _TimePickerComponent = TimePicker;
+var _TimePickerComponent = __sfc__$1;
 var props = {
   modelValue: {
     type: Array,
@@ -24890,14 +24842,14 @@ function __render__(_ctx, _cache) {
 var __sfc__ = vue.defineComponent({
   name: "VarUploader",
   directives: {
-    Ripple: Ripple$1,
-    Hover: Hover$1
+    Ripple,
+    Hover
   },
   components: {
-    VarIcon: Icon,
+    VarIcon: __sfc__$1h,
     VarPopup: Popup,
-    VarFormDetails: FormDetails,
-    VarHoverOverlay: HoverOverlay
+    VarFormDetails: __sfc__$10,
+    VarHoverOverlay: __sfc__$1b
   },
   props,
   setup(props2) {
@@ -25165,11 +25117,10 @@ var __sfc__ = vue.defineComponent({
   }
 });
 __sfc__.render = __render__;
-const Uploader = __sfc__;
-Uploader.install = function(app) {
-  app.component(Uploader.name, Uploader);
+__sfc__.install = function(app) {
+  app.component(__sfc__.name, __sfc__);
 };
-var _UploaderComponent = Uploader;
+var _UploaderComponent = __sfc__;
 const common = "";
 const icon = "";
 const ripple = "";
@@ -25284,9 +25235,9 @@ const skeleton = "";
 const SkeletonSfc = "";
 const slider = "";
 const SliderSfc = "";
-const SnackbarSfc = "";
 const snackbar = "";
 const coreSfc = "";
+const SnackbarSfc = "";
 const space = "";
 const step = "";
 const StepSfc = "";
@@ -25311,255 +25262,255 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.10.0";
+const version = "2.10.1-alpha.1682608027166";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
-  AppBar.install && app.use(AppBar);
-  Avatar.install && app.use(Avatar);
-  AvatarGroup.install && app.use(AvatarGroup);
-  BackTop.install && app.use(BackTop);
-  Badge.install && app.use(Badge);
-  BottomNavigation.install && app.use(BottomNavigation);
-  BottomNavigationItem.install && app.use(BottomNavigationItem);
-  Breadcrumb.install && app.use(Breadcrumb);
-  Breadcrumbs.install && app.use(Breadcrumbs);
-  Button.install && app.use(Button);
-  ButtonGroup.install && app.use(ButtonGroup);
-  Card.install && app.use(Card);
-  Cell.install && app.use(Cell);
-  Checkbox.install && app.use(Checkbox);
-  CheckboxGroup.install && app.use(CheckboxGroup);
-  Chip.install && app.use(Chip);
-  Col.install && app.use(Col);
-  Collapse.install && app.use(Collapse);
-  CollapseItem.install && app.use(CollapseItem);
+  __sfc__$1f.install && app.use(__sfc__$1f);
+  __sfc__$1e.install && app.use(__sfc__$1e);
+  __sfc__$1d.install && app.use(__sfc__$1d);
+  __sfc__$19.install && app.use(__sfc__$19);
+  __sfc__$18.install && app.use(__sfc__$18);
+  __sfc__$17.install && app.use(__sfc__$17);
+  __sfc__$16.install && app.use(__sfc__$16);
+  __sfc__$15.install && app.use(__sfc__$15);
+  __sfc__$14.install && app.use(__sfc__$14);
+  __sfc__$1a.install && app.use(__sfc__$1a);
+  __sfc__$13.install && app.use(__sfc__$13);
+  __sfc__$12.install && app.use(__sfc__$12);
+  __sfc__$11.install && app.use(__sfc__$11);
+  __sfc__$$.install && app.use(__sfc__$$);
+  __sfc__$_.install && app.use(__sfc__$_);
+  __sfc__$Z.install && app.use(__sfc__$Z);
+  __sfc__$Y.install && app.use(__sfc__$Y);
+  __sfc__$X.install && app.use(__sfc__$X);
+  __sfc__$W.install && app.use(__sfc__$W);
   Context.install && app.use(Context);
-  Countdown.install && app.use(Countdown);
-  Counter.install && app.use(Counter);
-  DatePicker.install && app.use(DatePicker);
+  __sfc__$V.install && app.use(__sfc__$V);
+  __sfc__$U.install && app.use(__sfc__$U);
+  __sfc__$P.install && app.use(__sfc__$P);
   Dialog.install && app.use(Dialog);
-  Divider.install && app.use(Divider);
-  Ellipsis.install && app.use(Ellipsis);
+  __sfc__$N.install && app.use(__sfc__$N);
+  __sfc__$L.install && app.use(__sfc__$L);
   Fab.install && app.use(Fab);
-  Form.install && app.use(Form);
-  FormDetails.install && app.use(FormDetails);
-  Hover$1.install && app.use(Hover$1);
-  HoverOverlay.install && app.use(HoverOverlay);
-  Icon.install && app.use(Icon);
-  Image$1.install && app.use(Image$1);
+  __sfc__$K.install && app.use(__sfc__$K);
+  __sfc__$10.install && app.use(__sfc__$10);
+  Hover.install && app.use(Hover);
+  __sfc__$1b.install && app.use(__sfc__$1b);
+  __sfc__$1h.install && app.use(__sfc__$1h);
+  __sfc__$J.install && app.use(__sfc__$J);
   ImagePreview.install && app.use(ImagePreview);
-  IndexAnchor.install && app.use(IndexAnchor);
-  IndexBar.install && app.use(IndexBar);
-  Input.install && app.use(Input);
-  Lazy$1.install && app.use(Lazy$1);
-  Link.install && app.use(Link);
-  List.install && app.use(List);
-  Loading.install && app.use(Loading);
-  LoadingBar$1.install && app.use(LoadingBar$1);
+  __sfc__$E.install && app.use(__sfc__$E);
+  __sfc__$D.install && app.use(__sfc__$D);
+  __sfc__$B.install && app.use(__sfc__$B);
+  Lazy.install && app.use(Lazy);
+  __sfc__$A.install && app.use(__sfc__$A);
+  __sfc__$z.install && app.use(__sfc__$z);
+  __sfc__$1c.install && app.use(__sfc__$1c);
+  LoadingBar.install && app.use(LoadingBar);
   Locale.install && app.use(Locale);
-  Menu.install && app.use(Menu);
-  Option.install && app.use(Option);
+  __sfc__$y.install && app.use(__sfc__$y);
+  __sfc__$x.install && app.use(__sfc__$x);
   Overlay.install && app.use(Overlay);
-  Pagination.install && app.use(Pagination);
-  Paper.install && app.use(Paper);
+  __sfc__$w.install && app.use(__sfc__$w);
+  __sfc__$v.install && app.use(__sfc__$v);
   Picker.install && app.use(Picker);
   Popup.install && app.use(Popup);
-  Progress.install && app.use(Progress);
-  PullRefresh.install && app.use(PullRefresh);
-  Radio.install && app.use(Radio);
-  RadioGroup.install && app.use(RadioGroup);
-  Rate.install && app.use(Rate);
-  Result.install && app.use(Result);
-  Ripple$1.install && app.use(Ripple$1);
-  Row.install && app.use(Row);
-  Select.install && app.use(Select);
-  Skeleton.install && app.use(Skeleton);
-  Slider.install && app.use(Slider);
-  Snackbar$1.install && app.use(Snackbar$1);
+  __sfc__$t.install && app.use(__sfc__$t);
+  __sfc__$s.install && app.use(__sfc__$s);
+  __sfc__$r.install && app.use(__sfc__$r);
+  __sfc__$q.install && app.use(__sfc__$q);
+  __sfc__$p.install && app.use(__sfc__$p);
+  __sfc__$i.install && app.use(__sfc__$i);
+  Ripple.install && app.use(Ripple);
+  __sfc__$h.install && app.use(__sfc__$h);
+  __sfc__$g.install && app.use(__sfc__$g);
+  __sfc__$f.install && app.use(__sfc__$f);
+  __sfc__$e.install && app.use(__sfc__$e);
+  Snackbar.install && app.use(Snackbar);
   Space.install && app.use(Space);
-  Step.install && app.use(Step);
-  Steps.install && app.use(Steps);
-  Sticky.install && app.use(Sticky);
+  __sfc__$b.install && app.use(__sfc__$b);
+  __sfc__$a.install && app.use(__sfc__$a);
+  __sfc__$F.install && app.use(__sfc__$F);
   StyleProvider.install && app.use(StyleProvider);
-  Swipe.install && app.use(Swipe);
-  SwipeItem.install && app.use(SwipeItem);
-  Switch.install && app.use(Switch);
-  Tab.install && app.use(Tab);
-  TabItem.install && app.use(TabItem);
-  Table.install && app.use(Table);
-  Tabs.install && app.use(Tabs);
-  TabsItems.install && app.use(TabsItems);
-  Themes$1.install && app.use(Themes$1);
-  TimePicker.install && app.use(TimePicker);
-  Tooltip.install && app.use(Tooltip);
-  Uploader.install && app.use(Uploader);
+  __sfc__$I.install && app.use(__sfc__$I);
+  __sfc__$H.install && app.use(__sfc__$H);
+  __sfc__$8.install && app.use(__sfc__$8);
+  __sfc__$7.install && app.use(__sfc__$7);
+  __sfc__$6.install && app.use(__sfc__$6);
+  __sfc__$5.install && app.use(__sfc__$5);
+  __sfc__$4.install && app.use(__sfc__$4);
+  __sfc__$3.install && app.use(__sfc__$3);
+  Themes.install && app.use(Themes);
+  __sfc__$1.install && app.use(__sfc__$1);
+  __sfc__$M.install && app.use(__sfc__$M);
+  __sfc__.install && app.use(__sfc__);
 }
 const index_bundle = {
   version,
   install,
   ActionSheet,
-  AppBar,
-  Avatar,
-  AvatarGroup,
-  BackTop,
-  Badge,
-  BottomNavigation,
-  BottomNavigationItem,
-  Breadcrumb,
-  Breadcrumbs,
-  Button,
-  ButtonGroup,
-  Card,
-  Cell,
-  Checkbox,
-  CheckboxGroup,
-  Chip,
-  Col,
-  Collapse,
-  CollapseItem,
+  AppBar: __sfc__$1f,
+  Avatar: __sfc__$1e,
+  AvatarGroup: __sfc__$1d,
+  BackTop: __sfc__$19,
+  Badge: __sfc__$18,
+  BottomNavigation: __sfc__$17,
+  BottomNavigationItem: __sfc__$16,
+  Breadcrumb: __sfc__$15,
+  Breadcrumbs: __sfc__$14,
+  Button: __sfc__$1a,
+  ButtonGroup: __sfc__$13,
+  Card: __sfc__$12,
+  Cell: __sfc__$11,
+  Checkbox: __sfc__$$,
+  CheckboxGroup: __sfc__$_,
+  Chip: __sfc__$Z,
+  Col: __sfc__$Y,
+  Collapse: __sfc__$X,
+  CollapseItem: __sfc__$W,
   Context,
-  Countdown,
-  Counter,
-  DatePicker,
+  Countdown: __sfc__$V,
+  Counter: __sfc__$U,
+  DatePicker: __sfc__$P,
   Dialog,
-  Divider,
-  Ellipsis,
+  Divider: __sfc__$N,
+  Ellipsis: __sfc__$L,
   Fab,
-  Form,
-  FormDetails,
-  Hover: Hover$1,
-  HoverOverlay,
-  Icon,
-  Image: Image$1,
+  Form: __sfc__$K,
+  FormDetails: __sfc__$10,
+  Hover,
+  HoverOverlay: __sfc__$1b,
+  Icon: __sfc__$1h,
+  Image: __sfc__$J,
   ImagePreview,
-  IndexAnchor,
-  IndexBar,
-  Input,
-  Lazy: Lazy$1,
-  Link,
-  List,
-  Loading,
-  LoadingBar: LoadingBar$1,
+  IndexAnchor: __sfc__$E,
+  IndexBar: __sfc__$D,
+  Input: __sfc__$B,
+  Lazy,
+  Link: __sfc__$A,
+  List: __sfc__$z,
+  Loading: __sfc__$1c,
+  LoadingBar,
   Locale,
-  Menu,
-  Option,
+  Menu: __sfc__$y,
+  Option: __sfc__$x,
   Overlay,
-  Pagination,
-  Paper,
+  Pagination: __sfc__$w,
+  Paper: __sfc__$v,
   Picker,
   Popup,
-  Progress,
-  PullRefresh,
-  Radio,
-  RadioGroup,
-  Rate,
-  Result,
-  Ripple: Ripple$1,
-  Row,
-  Select,
-  Skeleton,
-  Slider,
-  Snackbar: Snackbar$1,
+  Progress: __sfc__$t,
+  PullRefresh: __sfc__$s,
+  Radio: __sfc__$r,
+  RadioGroup: __sfc__$q,
+  Rate: __sfc__$p,
+  Result: __sfc__$i,
+  Ripple,
+  Row: __sfc__$h,
+  Select: __sfc__$g,
+  Skeleton: __sfc__$f,
+  Slider: __sfc__$e,
+  Snackbar,
   Space,
-  Step,
-  Steps,
-  Sticky,
+  Step: __sfc__$b,
+  Steps: __sfc__$a,
+  Sticky: __sfc__$F,
   StyleProvider,
-  Swipe,
-  SwipeItem,
-  Switch,
-  Tab,
-  TabItem,
-  Table,
-  Tabs,
-  TabsItems,
-  Themes: Themes$1,
-  TimePicker,
-  Tooltip,
-  Uploader
+  Swipe: __sfc__$I,
+  SwipeItem: __sfc__$H,
+  Switch: __sfc__$8,
+  Tab: __sfc__$7,
+  TabItem: __sfc__$6,
+  Table: __sfc__$5,
+  Tabs: __sfc__$4,
+  TabsItems: __sfc__$3,
+  Themes,
+  TimePicker: __sfc__$1,
+  Tooltip: __sfc__$M,
+  Uploader: __sfc__
 };
 exports.ActionSheet = ActionSheet;
-exports.AppBar = AppBar;
-exports.Avatar = Avatar;
-exports.AvatarGroup = AvatarGroup;
-exports.BackTop = BackTop;
-exports.Badge = Badge;
-exports.BottomNavigation = BottomNavigation;
-exports.BottomNavigationItem = BottomNavigationItem;
-exports.Breadcrumb = Breadcrumb;
-exports.Breadcrumbs = Breadcrumbs;
-exports.Button = Button;
-exports.ButtonGroup = ButtonGroup;
-exports.Card = Card;
-exports.Cell = Cell;
-exports.Checkbox = Checkbox;
-exports.CheckboxGroup = CheckboxGroup;
-exports.Chip = Chip;
-exports.Col = Col;
-exports.Collapse = Collapse;
-exports.CollapseItem = CollapseItem;
+exports.AppBar = __sfc__$1f;
+exports.Avatar = __sfc__$1e;
+exports.AvatarGroup = __sfc__$1d;
+exports.BackTop = __sfc__$19;
+exports.Badge = __sfc__$18;
+exports.BottomNavigation = __sfc__$17;
+exports.BottomNavigationItem = __sfc__$16;
+exports.Breadcrumb = __sfc__$15;
+exports.Breadcrumbs = __sfc__$14;
+exports.Button = __sfc__$1a;
+exports.ButtonGroup = __sfc__$13;
+exports.Card = __sfc__$12;
+exports.Cell = __sfc__$11;
+exports.Checkbox = __sfc__$$;
+exports.CheckboxGroup = __sfc__$_;
+exports.Chip = __sfc__$Z;
+exports.Col = __sfc__$Y;
+exports.Collapse = __sfc__$X;
+exports.CollapseItem = __sfc__$W;
 exports.Context = Context;
-exports.Countdown = Countdown;
-exports.Counter = Counter;
-exports.DatePicker = DatePicker;
+exports.Countdown = __sfc__$V;
+exports.Counter = __sfc__$U;
+exports.DatePicker = __sfc__$P;
 exports.Dialog = Dialog;
-exports.Divider = Divider;
-exports.Ellipsis = Ellipsis;
+exports.Divider = __sfc__$N;
+exports.Ellipsis = __sfc__$L;
 exports.Fab = Fab;
-exports.Form = Form;
-exports.FormDetails = FormDetails;
-exports.Hover = Hover$1;
-exports.HoverOverlay = HoverOverlay;
-exports.Icon = Icon;
-exports.Image = Image$1;
+exports.Form = __sfc__$K;
+exports.FormDetails = __sfc__$10;
+exports.Hover = Hover;
+exports.HoverOverlay = __sfc__$1b;
+exports.Icon = __sfc__$1h;
+exports.Image = __sfc__$J;
 exports.ImagePreview = ImagePreview;
-exports.IndexAnchor = IndexAnchor;
-exports.IndexBar = IndexBar;
-exports.Input = Input;
-exports.Lazy = Lazy$1;
-exports.Link = Link;
-exports.List = List;
-exports.Loading = Loading;
-exports.LoadingBar = LoadingBar$1;
+exports.IndexAnchor = __sfc__$E;
+exports.IndexBar = __sfc__$D;
+exports.Input = __sfc__$B;
+exports.Lazy = Lazy;
+exports.Link = __sfc__$A;
+exports.List = __sfc__$z;
+exports.Loading = __sfc__$1c;
+exports.LoadingBar = LoadingBar;
 exports.Locale = Locale;
-exports.Menu = Menu;
-exports.Option = Option;
+exports.Menu = __sfc__$y;
+exports.Option = __sfc__$x;
 exports.Overlay = Overlay;
 exports.PIXEL = PIXEL;
-exports.Pagination = Pagination;
-exports.Paper = Paper;
+exports.Pagination = __sfc__$w;
+exports.Paper = __sfc__$v;
 exports.Picker = Picker;
 exports.Popup = Popup;
-exports.Progress = Progress;
-exports.PullRefresh = PullRefresh;
-exports.Radio = Radio;
-exports.RadioGroup = RadioGroup;
-exports.Rate = Rate;
-exports.Result = Result;
-exports.Ripple = Ripple$1;
-exports.Row = Row;
+exports.Progress = __sfc__$t;
+exports.PullRefresh = __sfc__$s;
+exports.Radio = __sfc__$r;
+exports.RadioGroup = __sfc__$q;
+exports.Rate = __sfc__$p;
+exports.Result = __sfc__$i;
+exports.Ripple = Ripple;
+exports.Row = __sfc__$h;
 exports.SNACKBAR_TYPE = SNACKBAR_TYPE;
-exports.Select = Select;
-exports.Skeleton = Skeleton;
-exports.Slider = Slider;
-exports.Snackbar = Snackbar$1;
+exports.Select = __sfc__$g;
+exports.Skeleton = __sfc__$f;
+exports.Slider = __sfc__$e;
+exports.Snackbar = Snackbar;
 exports.Space = Space;
-exports.Step = Step;
-exports.Steps = Steps;
-exports.Sticky = Sticky;
+exports.Step = __sfc__$b;
+exports.Steps = __sfc__$a;
+exports.Sticky = __sfc__$F;
 exports.StyleProvider = StyleProvider;
-exports.Swipe = Swipe;
-exports.SwipeItem = SwipeItem;
-exports.Switch = Switch;
-exports.Tab = Tab;
-exports.TabItem = TabItem;
-exports.Table = Table;
-exports.Tabs = Tabs;
-exports.TabsItems = TabsItems;
-exports.Themes = Themes$1;
-exports.TimePicker = TimePicker;
-exports.Tooltip = Tooltip;
-exports.Uploader = Uploader;
+exports.Swipe = __sfc__$I;
+exports.SwipeItem = __sfc__$H;
+exports.Switch = __sfc__$8;
+exports.Tab = __sfc__$7;
+exports.TabItem = __sfc__$6;
+exports.Table = __sfc__$5;
+exports.Tabs = __sfc__$4;
+exports.TabsItems = __sfc__$3;
+exports.Themes = Themes;
+exports.TimePicker = __sfc__$1;
+exports.Tooltip = __sfc__$M;
+exports.Uploader = __sfc__;
 exports._ActionSheetComponent = _ActionSheetComponent;
 exports._AppBarComponent = _AppBarComponent;
 exports._AvatarComponent = _AvatarComponent;