@varlet/ui 2.13.1-alpha.1689619056304 → 2.13.1

package/lib/varlet.cjs.js

@@ -665,6 +665,18 @@ function pickProps(props2, propsKey) {
     return pickedProps;
   }, {}) : props2[propsKey];
 }
+function withInstall(component, target) {
+  var componentWithInstall = target != null ? target : component;
+  componentWithInstall.install = function(app) {
+    var {
+      name
+    } = component;
+    if (name) {
+      app.component(name, component);
+    }
+  };
+  return componentWithInstall;
+}
 function mount$1(component) {
   var app = vue.createApp(component);
   var host = document.createElement("div");
@@ -1302,9 +1314,7 @@ const Popup = vue.defineComponent({
     };
   }
 });
-Popup.install = function(app) {
-  app.component(Popup.name, Popup);
-};
+withInstall(Popup);
 var _PopupComponent = Popup;
 var props$1a = {
   name: {
@@ -1420,9 +1430,7 @@ var __sfc__$1i = vue.defineComponent({
 });
 __sfc__$1i.render = __render__$1h;
 const Icon = __sfc__$1i;
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
+withInstall(Icon);
 var _IconComponent = Icon;
 function _extends$m() {
   _extends$m = Object.assign ? Object.assign.bind() : function(target) {
@@ -1947,12 +1955,8 @@ ActionSheet.close = function() {
   }
 };
 ActionSheet.Component = VarActionSheet;
-VarActionSheet.install = function(app) {
-  app.component(VarActionSheet.name, VarActionSheet);
-};
-ActionSheet.install = function(app) {
-  app.component(VarActionSheet.name, VarActionSheet);
-};
+withInstall(VarActionSheet);
+withInstall(VarActionSheet, ActionSheet);
 var _ActionSheetComponent = VarActionSheet;
 function positionValidator$3(position) {
   var validPositions = ["left", "center", "right"];
@@ -2124,9 +2128,7 @@ var __sfc__$1g = vue.defineComponent({
 });
 __sfc__$1g.render = __render__$1f;
 const AppBar = __sfc__$1g;
-AppBar.install = function(app) {
-  app.component(AppBar.name, AppBar);
-};
+withInstall(AppBar);
 var _AppBarComponent = AppBar;
 function asyncGeneratorStep$c(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -2556,9 +2558,7 @@ var __sfc__$1f = vue.defineComponent({
 });
 __sfc__$1f.render = __render__$1e;
 const Avatar = __sfc__$1f;
-Avatar.install = function(app) {
-  app.component(Avatar.name, Avatar);
-};
+withInstall(Avatar);
 var _AvatarComponent = Avatar;
 var props$16 = {
   offset: {
@@ -2607,9 +2607,7 @@ var __sfc__$1e = vue.defineComponent({
 });
 __sfc__$1e.render = __render__$1d;
 const AvatarGroup = __sfc__$1e;
-AvatarGroup.install = function(app) {
-  app.component(AvatarGroup.name, AvatarGroup);
-};
+withInstall(AvatarGroup);
 var _AvatarGroupComponent = AvatarGroup;
 function typeValidator$b(type) {
   return ["circle", "wave", "cube", "rect", "disappear"].includes(type);
@@ -2812,9 +2810,7 @@ var __sfc__$1d = vue.defineComponent({
 });
 __sfc__$1d.render = __render__$1c;
 const Loading = __sfc__$1d;
-Loading.install = function(app) {
-  app.component(Loading.name, Loading);
-};
+withInstall(Loading);
 var _LoadingComponent = Loading;
 var props$14 = {
   hovering: {
@@ -2849,9 +2845,7 @@ var __sfc__$1c = vue.defineComponent({
 });
 __sfc__$1c.render = __render__$1b;
 const HoverOverlay = __sfc__$1c;
-HoverOverlay.install = function(app) {
-  app.component(HoverOverlay.name, HoverOverlay);
-};
+withInstall(HoverOverlay);
 function useHoverOverlay() {
   var hovering = vue.ref(false);
   var handleHovering = (value) => {
@@ -3247,9 +3241,7 @@ var __sfc__$1b = vue.defineComponent({
 });
 __sfc__$1b.render = __render__$1a;
 const Button = __sfc__$1b;
-Button.install = function(app) {
-  app.component(Button.name, Button);
-};
+withInstall(Button);
 var _ButtonComponent = Button;
 var props$12 = {
   visibilityHeight: {
@@ -3369,9 +3361,7 @@ var __sfc__$1a = vue.defineComponent({
 });
 __sfc__$1a.render = __render__$19;
 const BackTop = __sfc__$1a;
-BackTop.install = function(app) {
-  app.component(BackTop.name, BackTop);
-};
+withInstall(BackTop);
 var _BackTopComponent = BackTop;
 function typeValidator$9(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -3484,9 +3474,7 @@ var __sfc__$19 = vue.defineComponent({
 });
 __sfc__$19.render = __render__$18;
 const Badge = __sfc__$19;
-Badge.install = function(app) {
-  app.component(Badge.name, Badge);
-};
+withInstall(Badge);
 var _BadgeComponent = Badge;
 var props$10 = {
   active: {
@@ -3725,9 +3713,7 @@ var __sfc__$18 = vue.defineComponent({
 });
 __sfc__$18.render = __render__$17;
 const BottomNavigation = __sfc__$18;
-BottomNavigation.install = function(app) {
-  app.component(BottomNavigation.name, BottomNavigation);
-};
+withInstall(BottomNavigation);
 var _BottomNavigationComponent = BottomNavigation;
 var props$$ = {
   name: {
@@ -3880,9 +3866,7 @@ var __sfc__$17 = vue.defineComponent({
 });
 __sfc__$17.render = __render__$16;
 const BottomNavigationItem = __sfc__$17;
-BottomNavigationItem.install = function(app) {
-  app.component(BottomNavigationItem.name, BottomNavigationItem);
-};
+withInstall(BottomNavigationItem);
 var _BottomNavigationItemComponent = BottomNavigationItem;
 var props$_ = {
   separator: {
@@ -3986,9 +3970,7 @@ var __sfc__$16 = vue.defineComponent({
 });
 __sfc__$16.render = __render__$15;
 const Breadcrumb = __sfc__$16;
-Breadcrumb.install = function(app) {
-  app.component(Breadcrumb.name, Breadcrumb);
-};
+withInstall(Breadcrumb);
 var _BreadcrumbComponent = Breadcrumb;
 var props$Z = {
   separator: {
@@ -4031,9 +4013,7 @@ var __sfc__$15 = vue.defineComponent({
 });
 __sfc__$15.render = __render__$14;
 const Breadcrumbs = __sfc__$15;
-Breadcrumbs.install = function(app) {
-  app.component(Breadcrumbs.name, Breadcrumbs);
-};
+withInstall(Breadcrumbs);
 var _BreadcrumbsComponent = Breadcrumbs;
 function typeValidator$8(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -4115,9 +4095,7 @@ var __sfc__$14 = vue.defineComponent({
 });
 __sfc__$14.render = __render__$13;
 const ButtonGroup = __sfc__$14;
-ButtonGroup.install = function(app) {
-  app.component(ButtonGroup.name, ButtonGroup);
-};
+withInstall(ButtonGroup);
 var _ButtonGroupComponent = ButtonGroup;
 function fitValidator$1(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
@@ -4499,9 +4477,7 @@ var __sfc__$13 = vue.defineComponent({
 });
 __sfc__$13.render = __render__$12;
 const Card = __sfc__$13;
-Card.install = function(app) {
-  app.component(Card.name, Card);
-};
+withInstall(Card);
 var _CardComponent = Card;
 var props$W = {
   title: {
@@ -4640,9 +4616,7 @@ var __sfc__$12 = vue.defineComponent({
 });
 __sfc__$12.render = __render__$11;
 const Cell = __sfc__$12;
-Cell.install = function(app) {
-  app.component(Cell.name, Cell);
-};
+withInstall(Cell);
 var _CellComponent = Cell;
 var props$V = {
   errorMessage: {
@@ -4730,9 +4704,7 @@ var __sfc__$11 = vue.defineComponent({
 });
 __sfc__$11.render = __render__$10;
 const FormDetails = __sfc__$11;
-FormDetails.install = function(app) {
-  app.component(FormDetails.name, FormDetails);
-};
+withInstall(FormDetails);
 var _FormDetailsComponent = FormDetails;
 var props$U = {
   modelValue: {
@@ -5061,9 +5033,7 @@ var __sfc__$10 = vue.defineComponent({
 });
 __sfc__$10.render = __render__$$;
 const Checkbox = __sfc__$10;
-Checkbox.install = function(app) {
-  app.component(Checkbox.name, Checkbox);
-};
+withInstall(Checkbox);
 var _CheckboxComponent = Checkbox;
 function directionValidator$5(direction) {
   return ["horizontal", "vertical"].includes(direction);
@@ -5247,9 +5217,7 @@ var __sfc__$$ = vue.defineComponent({
 });
 __sfc__$$.render = __render__$_;
 const CheckboxGroup = __sfc__$$;
-CheckboxGroup.install = function(app) {
-  app.component(CheckboxGroup.name, CheckboxGroup);
-};
+withInstall(CheckboxGroup);
 var _CheckboxGroupComponent = CheckboxGroup;
 function typeValidator$7(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -5390,9 +5358,7 @@ var __sfc__$_ = vue.defineComponent({
 });
 __sfc__$_.render = __render__$Z;
 const Chip = __sfc__$_;
-Chip.install = function(app) {
-  app.component(Chip.name, Chip);
-};
+withInstall(Chip);
 var _ChipComponent = Chip;
 function directionValidator$4(direction) {
   return ["row", "column"].includes(direction);
@@ -5551,9 +5517,7 @@ var __sfc__$Z = vue.defineComponent({
 });
 __sfc__$Z.render = __render__$Y;
 const Col = __sfc__$Z;
-Col.install = function(app) {
-  app.component(Col.name, Col);
-};
+withInstall(Col);
 var _ColComponent = Col;
 var COLLAPSE_BIND_COLLAPSE_ITEM_KEY = Symbol("COLLAPSE_BIND_COLLAPSE_ITEM_KEY");
 function useCollapseItem() {
@@ -5711,9 +5675,7 @@ var __sfc__$Y = vue.defineComponent({
 });
 __sfc__$Y.render = __render__$X;
 const Collapse = __sfc__$Y;
-Collapse.install = function(app) {
-  app.component(Collapse.name, Collapse);
-};
+withInstall(Collapse);
 var _CollapseComponent = Collapse;
 function useCollapse() {
   var {
@@ -5935,9 +5897,7 @@ var __sfc__$X = vue.defineComponent({
 });
 __sfc__$X.render = __render__$W;
 const CollapseItem = __sfc__$X;
-CollapseItem.install = function(app) {
-  app.component(CollapseItem.name, CollapseItem);
-};
+withInstall(CollapseItem);
 var _CollapseItemComponent = CollapseItem;
 var props$O = {
   time: {
@@ -6111,9 +6071,7 @@ var __sfc__$W = vue.defineComponent({
 });
 __sfc__$W.render = __render__$V;
 const Countdown = __sfc__$W;
-Countdown.install = function(app) {
-  app.component(Countdown.name, Countdown);
-};
+withInstall(Countdown);
 var _CountdownComponent = Countdown;
 /*!
  *  decimal.js v10.4.0
@@ -8860,9 +8818,7 @@ var __sfc__$V = vue.defineComponent({
 });
 __sfc__$V.render = __render__$U;
 const Counter = __sfc__$V;
-Counter.install = function(app) {
-  app.component(Counter.name, Counter);
-};
+withInstall(Counter);
 var _CounterComponent = Counter;
 var SECONDS_A_MINUTE = 60;
 var SECONDS_A_HOUR = SECONDS_A_MINUTE * 60;
@@ -10806,9 +10762,7 @@ var __sfc__$Q = vue.defineComponent({
 });
 __sfc__$Q.render = __render__$P;
 const DatePicker = __sfc__$Q;
-DatePicker.install = function(app) {
-  app.component(DatePicker.name, DatePicker);
-};
+withInstall(DatePicker);
 var _DatePickerComponent = DatePicker;
 function _extends$d() {
   _extends$d = Object.assign ? Object.assign.bind() : function(target) {
@@ -11183,13 +11137,9 @@ Dialog.close = function() {
     });
   }
 };
-VarDialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
-};
-Dialog.install = function(app) {
-  app.component(VarDialog.name, VarDialog);
-};
 Dialog.Component = VarDialog;
+withInstall(VarDialog);
+withInstall(VarDialog, Dialog);
 var _DialogComponent = VarDialog;
 var props$K = {
   inset: {
@@ -11300,9 +11250,7 @@ var __sfc__$O = vue.defineComponent({
 });
 __sfc__$O.render = __render__$N;
 const Divider = __sfc__$O;
-Divider.install = function(app) {
-  app.component(Divider.name, Divider);
-};
+withInstall(Divider);
 var _DividerComponent = Divider;
 var props$J = {
   direction: {
@@ -11635,9 +11583,7 @@ var __sfc__$N = vue.defineComponent({
 });
 __sfc__$N.render = __render__$M;
 const Drag = __sfc__$N;
-Drag.install = function(app) {
-  app.component(Drag.name, Drag);
-};
+withInstall(Drag);
 var _DragComponent = Drag;
 var hash$1 = {
   left: "right",
@@ -12983,6 +12929,38 @@ function usePopover(options) {
       height: toPxNum(height)
     };
   };
+  var getTransformOrigin = () => {
+    switch (options.placement) {
+      case "top":
+      case "cover-bottom":
+        return "bottom";
+      case "top-start":
+      case "right-end":
+      case "cover-bottom-start":
+        return "bottom left";
+      case "top-end":
+      case "left-end":
+      case "cover-bottom-end":
+        return "bottom right";
+      case "bottom":
+      case "cover-top":
+        return "top";
+      case "bottom-start":
+      case "right-start":
+      case "cover-top-start":
+        return "top left";
+      case "bottom-end":
+      case "left-start":
+      case "cover-top-end":
+        return "top right";
+      case "left":
+      case "cover-right":
+        return "right";
+      case "right":
+      case "cover-left":
+        return "left";
+    }
+  };
   var handleHostMouseenter = () => {
     if (options.trigger !== "hover") {
       return;
@@ -13045,6 +13023,10 @@ function usePopover(options) {
     handlePopoverClose();
     call(options.onClickOutside, e);
   };
+  var handleClosed = () => {
+    resize();
+    call(options.onClosed);
+  };
   var getPosition = () => {
     computeHostSize();
     var offset2 = {
@@ -13147,8 +13129,22 @@ function usePopover(options) {
         offset: [skidding, distance]
       }
     }), _extends$9({}, computeStyles$1, {
+      options: {
+        adaptive: false,
+        gpuAcceleration: false
+      },
       enabled: show.value
-    })];
+    }), {
+      name: "applyTransformOrigin",
+      enabled: show.value,
+      phase: "beforeWrite",
+      fn(_ref3) {
+        var {
+          state
+        } = _ref3;
+        state.styles.popper.transformOrigin = getTransformOrigin();
+      }
+    }];
     return {
       placement,
       modifiers
@@ -13196,6 +13192,7 @@ function usePopover(options) {
     handlePopoverClose,
     handlePopoverMouseenter,
     handlePopoverMouseleave,
+    handleClosed,
     resize,
     open,
     close
@@ -13295,7 +13292,7 @@ function __render__$L(_ctx, _cache) {
     }, [vue.createVNode(vue.Transition, {
       name: _ctx.n(),
       onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed,
+      onAfterLeave: _ctx.handleClosed,
       persisted: ""
     }, {
       default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode(
@@ -13358,6 +13355,7 @@ var __sfc__$M = vue.defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       // expose
       open,
       // expose
@@ -13380,6 +13378,7 @@ var __sfc__$M = vue.defineComponent({
       handleHostMouseleave,
       handlePopoverMouseenter,
       handlePopoverMouseleave,
+      handleClosed,
       resize,
       open,
       close
@@ -13388,9 +13387,7 @@ var __sfc__$M = vue.defineComponent({
 });
 __sfc__$M.render = __render__$L;
 const Tooltip = __sfc__$M;
-Tooltip.install = function(app) {
-  app.component(Tooltip.name, Tooltip);
-};
+withInstall(Tooltip);
 var _TooltipComponent = Tooltip;
 function expandTriggerValidator(expandTrigger) {
   return ["click"].includes(expandTrigger);
@@ -13516,9 +13513,7 @@ var __sfc__$L = vue.defineComponent({
 });
 __sfc__$L.render = __render__$K;
 const Ellipsis = __sfc__$L;
-Ellipsis.install = function(app) {
-  app.component(Ellipsis.name, Ellipsis);
-};
+withInstall(Ellipsis);
 var _EllipsisComponent = Ellipsis;
 function positionValidator$1(position) {
   return ["left-top", "right-top", "left-bottom", "right-bottom"].includes(position);
@@ -13750,9 +13745,7 @@ const Fab = vue.defineComponent({
     };
   }
 });
-Fab.install = function(app) {
-  app.component(Fab.name, Fab);
-};
+withInstall(Fab);
 var _FabComponent = Fab;
 function scrollToErrorValidator(status) {
   return ["start", "end"].includes(status);
@@ -13890,11 +13883,9 @@ var __sfc__$K = vue.defineComponent({
 });
 __sfc__$K.render = __render__$J;
 const Form = __sfc__$K;
-Form.install = function(app) {
-  app.component(Form.name, Form);
-};
 Form.useValidation = useValidation;
 Form.useForm = useForm;
+withInstall(Form);
 var _FormComponent = Form;
 function fitValidator(fit) {
   return ["fill", "contain", "cover", "none", "scale-down"].includes(fit);
@@ -14057,9 +14048,7 @@ 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);
-};
+withInstall(Image$1);
 var _ImageComponent = Image$1;
 var SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
 function useSwipeItems() {
@@ -14537,9 +14526,7 @@ var __sfc__$I = vue.defineComponent({
 });
 __sfc__$I.render = __render__$H;
 const Swipe = __sfc__$I;
-Swipe.install = function(app) {
-  app.component(Swipe.name, Swipe);
-};
+withInstall(Swipe);
 var _SwipeComponent = Swipe;
 function useSwipe() {
   var {
@@ -14606,9 +14593,7 @@ var __sfc__$H = vue.defineComponent({
 });
 __sfc__$H.render = __render__$G;
 const SwipeItem = __sfc__$H;
-SwipeItem.install = function(app) {
-  app.component(SwipeItem.name, SwipeItem);
-};
+withInstall(SwipeItem);
 var _SwipeItemComponent = SwipeItem;
 function _extends$7() {
   _extends$7 = Object.assign ? Object.assign.bind() : function(target) {
@@ -15112,13 +15097,9 @@ ImagePreview.setDefaultOptions = (options) => {
 ImagePreview.resetDefaultOptions = () => {
   defaultOptions$1 = {};
 };
-VarImagePreview.install = function(app) {
-  app.component(VarImagePreview.name, VarImagePreview);
-};
-ImagePreview.install = function(app) {
-  app.component(VarImagePreview.name, VarImagePreview);
-};
 ImagePreview.Component = VarImagePreview;
+withInstall(VarImagePreview);
+withInstall(VarImagePreview, ImagePreview);
 var _ImagePreviewComponent = VarImagePreview;
 var props$B = {
   offsetTop: {
@@ -15327,9 +15308,7 @@ var __sfc__$F = vue.defineComponent({
 });
 __sfc__$F.render = __render__$E;
 const Sticky = __sfc__$F;
-Sticky.install = function(app) {
-  app.component(Sticky.name, Sticky);
-};
+withInstall(Sticky);
 var _StickyComponent = Sticky;
 var INDEX_BAR_BIND_INDEX_ANCHOR_KEY = Symbol("INDEX_BAR_BIND_INDEX_ANCHOR_KEY");
 function useIndexAnchors() {
@@ -15450,9 +15429,7 @@ var __sfc__$E = vue.defineComponent({
 });
 __sfc__$E.render = __render__$D;
 const IndexAnchor = __sfc__$E;
-IndexAnchor.install = function(app) {
-  app.component(IndexAnchor.name, IndexAnchor);
-};
+withInstall(IndexAnchor);
 var _IndexAnchorComponent = IndexAnchor;
 var props$z = {
   sticky: {
@@ -15740,9 +15717,7 @@ var __sfc__$D = vue.defineComponent({
 });
 __sfc__$D.render = __render__$C;
 const IndexBar = __sfc__$D;
-IndexBar.install = function(app) {
-  app.component(IndexBar.name, IndexBar);
-};
+withInstall(IndexBar);
 var _IndexBarComponent = IndexBar;
 function sizeValidator$1(size) {
   return ["small", "normal"].includes(size);
@@ -16484,9 +16459,7 @@ var __sfc__$B = vue.defineComponent({
 });
 __sfc__$B.render = __render__$A;
 const Input = __sfc__$B;
-Input.install = function(app) {
-  app.component(Input.name, Input);
-};
+withInstall(Input);
 var _InputComponent = Input;
 function typeValidator$3(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
@@ -16612,9 +16585,7 @@ var __sfc__$A = vue.defineComponent({
 });
 __sfc__$A.render = __render__$z;
 const Link = __sfc__$A;
-Link.install = function(app) {
-  app.component(Link.name, Link);
-};
+withInstall(Link);
 var _LinkComponent = Link;
 var props$v = {
   loading: {
@@ -16881,9 +16852,7 @@ var __sfc__$z = vue.defineComponent({
 });
 __sfc__$z.render = __render__$y;
 const List = __sfc__$z;
-List.install = function(app) {
-  app.component(List.name, List);
-};
+withInstall(List);
 var _ListComponent = List;
 var props$u = {
   value: {
@@ -17116,7 +17085,7 @@ function __render__$x(_ctx, _cache) {
     }, [vue.createVNode(vue.Transition, {
       name: _ctx.n(),
       onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed,
+      onAfterLeave: _ctx.handleClosed,
       persisted: ""
     }, {
       default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode(
@@ -17164,6 +17133,7 @@ var __sfc__$y = vue.defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       // expose
       open,
       // expose
@@ -17187,6 +17157,7 @@ var __sfc__$y = vue.defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       resize,
       open,
       close
@@ -17195,9 +17166,7 @@ var __sfc__$y = vue.defineComponent({
 });
 __sfc__$y.render = __render__$x;
 const Menu = __sfc__$y;
-Menu.install = function(app) {
-  app.component(Menu.name, Menu);
-};
+withInstall(Menu);
 var _MenuComponent = Menu;
 var SELECT_BIND_OPTION_KEY = Symbol("SELECT_BIND_OPTION_KEY");
 function useOptions() {
@@ -17341,9 +17310,7 @@ var __sfc__$x = vue.defineComponent({
 });
 __sfc__$x.render = __render__$w;
 const Option = __sfc__$x;
-Option.install = function(app) {
-  app.component(Option.name, Option);
-};
+withInstall(Option);
 var _OptionComponent = Option;
 var props$q = {
   show: {
@@ -17421,9 +17388,7 @@ const Overlay = vue.defineComponent({
     };
   }
 });
-Overlay.install = function(app) {
-  app.component(Overlay.name, Overlay);
-};
+withInstall(Overlay);
 var _OverlayComponent = Overlay;
 var props$p = {
   current: {
@@ -17837,9 +17802,7 @@ var __sfc__$w = vue.defineComponent({
 });
 __sfc__$w.render = __render__$v;
 const Pagination = __sfc__$w;
-Pagination.install = function(app) {
-  app.component(Pagination.name, Pagination);
-};
+withInstall(Pagination);
 var _PaginationComponent = Pagination;
 var props$o = {
   elevation: {
@@ -17916,9 +17879,7 @@ var __sfc__$v = vue.defineComponent({
 });
 __sfc__$v.render = __render__$u;
 const Paper = __sfc__$v;
-Paper.install = function(app) {
-  app.component(Paper.name, Paper);
-};
+withInstall(Paper);
 var _PaperComponent = Paper;
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -18491,13 +18452,6 @@ function Picker(options) {
     reactivePickerOptions.show = true;
   });
 }
-VarPicker.install = function(app) {
-  app.component(VarPicker.name, VarPicker);
-};
-Picker.Component = VarPicker;
-Picker.install = function(app) {
-  app.component(VarPicker.name, VarPicker);
-};
 Picker.close = function() {
   if (singletonOptions != null) {
     var prevSingletonOptions = singletonOptions;
@@ -18507,6 +18461,9 @@ Picker.close = function() {
     });
   }
 };
+Picker.Component = VarPicker;
+withInstall(VarPicker);
+withInstall(VarPicker, Picker);
 var _PickerComponent = VarPicker;
 function modeValidator(mode) {
   return ["linear", "circle"].includes(mode);
@@ -18777,9 +18734,7 @@ var __sfc__$t = vue.defineComponent({
 });
 __sfc__$t.render = __render__$s;
 const Progress = __sfc__$t;
-Progress.install = function(app) {
-  app.component(Progress.name, Progress);
-};
+withInstall(Progress);
 var _ProgressComponent = Progress;
 var props$l = {
   modelValue: {
@@ -19049,9 +19004,7 @@ var __sfc__$s = vue.defineComponent({
 });
 __sfc__$s.render = __render__$r;
 const PullRefresh = __sfc__$s;
-PullRefresh.install = function(app) {
-  app.component(PullRefresh.name, PullRefresh);
-};
+withInstall(PullRefresh);
 var _PullRefreshComponent = PullRefresh;
 var props$k = {
   modelValue: {
@@ -19328,9 +19281,7 @@ var __sfc__$r = vue.defineComponent({
 });
 __sfc__$r.render = __render__$q;
 const Radio = __sfc__$r;
-Radio.install = function(app) {
-  app.component(Radio.name, Radio);
-};
+withInstall(Radio);
 var _RadioComponent = Radio;
 function directionValidator$2(direction) {
   return ["horizontal", "vertical"].includes(direction);
@@ -19453,9 +19404,7 @@ var __sfc__$q = vue.defineComponent({
 });
 __sfc__$q.render = __render__$p;
 const RadioGroup = __sfc__$q;
-RadioGroup.install = function(app) {
-  app.component(RadioGroup.name, RadioGroup);
-};
+withInstall(RadioGroup);
 var _RadioGroupComponent = RadioGroup;
 var props$i = {
   modelValue: {
@@ -19728,9 +19677,7 @@ var __sfc__$p = vue.defineComponent({
 });
 __sfc__$p.render = __render__$o;
 const Rate = __sfc__$p;
-Rate.install = function(app) {
-  app.component(Rate.name, Rate);
-};
+withInstall(Rate);
 var _RateComponent = Rate;
 function typeValidator$1(type) {
   return ["info", "success", "warning", "error", "question", "empty"].includes(type);
@@ -20061,9 +20008,7 @@ var __sfc__$i = vue.defineComponent({
 });
 __sfc__$i.render = __render__$h;
 const Result = __sfc__$i;
-Result.install = function(app) {
-  app.component(Result.name, Result);
-};
+withInstall(Result);
 var _ResultComponent = Result;
 function justifyValidator$1(justify) {
   return ["flex-start", "flex-end", "start", "end", "center", "space-between", "space-around"].includes(justify);
@@ -20152,9 +20097,7 @@ var __sfc__$h = vue.defineComponent({
 });
 __sfc__$h.render = __render__$g;
 const Row = __sfc__$h;
-Row.install = function(app) {
-  app.component(Row.name, Row);
-};
+withInstall(Row);
 var _RowComponent = Row;
 function _extends$3() {
   _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
@@ -20442,7 +20385,7 @@ var __sfc__$g = vue.defineComponent({
       resetValidation
     } = useValidation();
     var menuEl = vue.ref(null);
-    var placement = vue.computed(() => props2.variant === "outlined" ? "bottom-start" : "cover-top-start");
+    var placement = vue.computed(() => props2.variant === "outlined" ? "bottom" : "cover-top");
     var placeholderColor = vue.computed(() => {
       var {
         hint,
@@ -20700,9 +20643,7 @@ var __sfc__$g = vue.defineComponent({
 });
 __sfc__$g.render = __render__$f;
 const Select = __sfc__$g;
-Select.install = function(app) {
-  app.component(Select.name, Select);
-};
+withInstall(Select);
 var _SelectComponent = Select;
 var props$e = {
   loading: {
@@ -20921,9 +20862,7 @@ var __sfc__$f = vue.defineComponent({
 });
 __sfc__$f.render = __render__$e;
 const Skeleton = __sfc__$f;
-Skeleton.install = function(app) {
-  app.component(Skeleton.name, Skeleton);
-};
+withInstall(Skeleton);
 var _SkeletonComponent = Skeleton;
 function labelValidator(label) {
   return ["always", "normal", "never"].includes(label);
@@ -21504,9 +21443,7 @@ var __sfc__$e = vue.defineComponent({
 });
 __sfc__$e.render = __render__$d;
 const Slider = __sfc__$e;
-Slider.install = function(app) {
-  app.component(Slider.name, Slider);
-};
+withInstall(Slider);
 var _SliderComponent = Slider;
 function _extends$2() {
   _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
@@ -21912,9 +21849,6 @@ SNACKBAR_TYPE.forEach((type) => {
     return Snackbar(options);
   };
 });
-Snackbar.install = function(app) {
-  app.component(VarSnackbar.name, VarSnackbar);
-};
 Snackbar.allowMultiple = function(bool) {
   if (bool === void 0) {
     bool = false;
@@ -21937,7 +21871,6 @@ Snackbar.setDefaultOptions = function(options) {
 Snackbar.resetDefaultOptions = function() {
   defaultOptions = defaultOptionsValue;
 };
-Snackbar.Component = VarSnackbar;
 function opened(element) {
   var id = element.getAttribute("data-id");
   var option2 = uniqSnackbarOptions.find((option3) => option3.id === toNumber(id));
@@ -21988,9 +21921,9 @@ function getTop(position) {
     top: position === "top" ? "5%" : "45%"
   };
 }
-VarSnackbar.install = function(app) {
-  app.component(VarSnackbar.name, VarSnackbar);
-};
+Snackbar.Component = VarSnackbar;
+withInstall(VarSnackbar);
+withInstall(VarSnackbar, Snackbar);
 var _SnackbarComponent = VarSnackbar;
 const Snackbar$1 = Snackbar;
 var internalSizeValidator = (size) => ["mini", "small", "normal", "large"].includes(size);
@@ -22113,9 +22046,7 @@ const Space = vue.defineComponent({
     };
   }
 });
-Space.install = function(app) {
-  app.component(Space.name, Space);
-};
+withInstall(Space);
 var _SpaceComponent = Space;
 var props$a = {
   activeIcon: {
@@ -22277,9 +22208,7 @@ var __sfc__$b = vue.defineComponent({
 });
 __sfc__$b.render = __render__$a;
 const Step = __sfc__$b;
-Step.install = function(app) {
-  app.component(Step.name, Step);
-};
+withInstall(Step);
 var _StepComponent = Step;
 function directionValidator$1(direction) {
   return ["horizontal", "vertical"].includes(direction);
@@ -22348,9 +22277,7 @@ var __sfc__$a = vue.defineComponent({
 });
 __sfc__$a.render = __render__$9;
 const Steps = __sfc__$a;
-Steps.install = function(app) {
-  app.component(Steps.name, Steps);
-};
+withInstall(Steps);
 var _StepsComponent = Steps;
 var props$8 = {
   styleVars: {
@@ -22391,12 +22318,8 @@ function StyleProvider(styleVars) {
   });
 }
 StyleProvider.Component = VarStyleProvider;
-VarStyleProvider.install = function(app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
-};
-StyleProvider.install = function(app) {
-  app.component(VarStyleProvider.name, VarStyleProvider);
-};
+withInstall(VarStyleProvider);
+withInstall(VarStyleProvider, StyleProvider);
 var _StyleProviderComponent = VarStyleProvider;
 var props$7 = {
   modelValue: {
@@ -22652,9 +22575,7 @@ var __sfc__$8 = vue.defineComponent({
 });
 __sfc__$8.render = __render__$8;
 const Switch = __sfc__$8;
-Switch.install = function(app) {
-  app.component(Switch.name, Switch);
-};
+withInstall(Switch);
 var _SwitchComponent = Switch;
 var props$6 = {
   name: {
@@ -22789,9 +22710,7 @@ var __sfc__$7 = vue.defineComponent({
 });
 __sfc__$7.render = __render__$7;
 const Tab = __sfc__$7;
-Tab.install = function(app) {
-  app.component(Tab.name, Tab);
-};
+withInstall(Tab);
 var _TabComponent = Tab;
 var props$5 = {
   name: {
@@ -22849,9 +22768,7 @@ var __sfc__$6 = vue.defineComponent({
 });
 __sfc__$6.render = __render__$6;
 const TabItem = __sfc__$6;
-TabItem.install = function(app) {
-  app.component(TabItem.name, TabItem);
-};
+withInstall(TabItem);
 var _TabItemComponent = TabItem;
 var props$4 = {
   fullWidth: {
@@ -22920,9 +22837,7 @@ var __sfc__$5 = vue.defineComponent({
 });
 __sfc__$5.render = __render__$5;
 const Table = __sfc__$5;
-Table.install = function(app) {
-  app.component(Table.name, Table);
-};
+withInstall(Table);
 var _TableComponent = Table;
 function directionValidator(direction) {
   return ["horizontal", "vertical"].includes(direction);
@@ -23250,9 +23165,7 @@ var __sfc__$4 = vue.defineComponent({
 });
 __sfc__$4.render = __render__$4;
 const Tabs = __sfc__$4;
-Tabs.install = function(app) {
-  app.component(Tabs.name, Tabs);
-};
+withInstall(Tabs);
 var _TabsComponent = Tabs;
 var props$2 = {
   active: {
@@ -23385,9 +23298,7 @@ var __sfc__$3 = vue.defineComponent({
 });
 __sfc__$3.render = __render__$3;
 const TabsItems = __sfc__$3;
-TabsItems.install = function(app) {
-  app.component(TabsItems.name, TabsItems);
-};
+withInstall(TabsItems);
 var _TabsItemsComponent = TabsItems;
 const actionSheet$1 = {
   "--action-sheet-background": "#1e1e1e",
@@ -24510,9 +24421,7 @@ var __sfc__$1 = vue.defineComponent({
 });
 __sfc__$1.render = __render__$1;
 const TimePicker = __sfc__$1;
-TimePicker.install = function(app) {
-  app.component(TimePicker.name, TimePicker);
-};
+withInstall(TimePicker);
 var _TimePickerComponent = TimePicker;
 var props = {
   modelValue: {
@@ -25061,9 +24970,7 @@ var __sfc__ = vue.defineComponent({
 });
 __sfc__.render = __render__;
 const Uploader = __sfc__;
-Uploader.install = function(app) {
-  app.component(Uploader.name, Uploader);
-};
+withInstall(Uploader);
 var _UploaderComponent = Uploader;
 const common = "";
 const icon = "";
@@ -25209,7 +25116,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.13.1-alpha.1689619056304";
+const version = "2.13.1";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);