@varlet/ui 2.13.1-alpha.1689619056304 → 2.13.1

package/es/action-sheet/index.mjs

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import VarActionSheet from './ActionSheet.mjs';
 import { nextTick, reactive } from 'vue';
 import { inBrowser } from '@varlet/shared';
-import { call, mountInstance } from '../utils/components.mjs';
+import { call, mountInstance, withInstall } from '../utils/components.mjs';
 var singletonOptions;
 var defaultOptions = {};
 function normalizeOptions(options) {
@@ -63,12 +63,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);
 export { props as actionSheetProps } from './props.mjs';
 export var _ActionSheetComponent = VarActionSheet;
 export default ActionSheet;

package/es/app-bar/index.mjs

@@ -1,7 +1,6 @@
 import AppBar from './AppBar.mjs';
-AppBar.install = function (app) {
-  app.component(AppBar.name, AppBar);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(AppBar);
 export { props as appBarProps } from './props.mjs';
 export var _AppBarComponent = AppBar;
 export default AppBar;

package/es/avatar/index.mjs

@@ -1,7 +1,6 @@
 import Avatar from './Avatar.mjs';
-Avatar.install = function (app) {
-  app.component(Avatar.name, Avatar);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Avatar);
 export { props as avatarProps } from './props.mjs';
 export var _AvatarComponent = Avatar;
 export default Avatar;

package/es/avatar-group/index.mjs

@@ -1,7 +1,6 @@
 import AvatarGroup from './AvatarGroup.mjs';
-AvatarGroup.install = function (app) {
-  app.component(AvatarGroup.name, AvatarGroup);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(AvatarGroup);
 export { props as avatarGroupProps } from './props.mjs';
 export var _AvatarGroupComponent = AvatarGroup;
 export default AvatarGroup;

package/es/back-top/index.mjs

@@ -1,7 +1,6 @@
 import BackTop from './BackTop.mjs';
-BackTop.install = function (app) {
-  app.component(BackTop.name, BackTop);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(BackTop);
 export { props as backTopProps } from './props.mjs';
 export var _BackTopComponent = BackTop;
 export default BackTop;

package/es/badge/index.mjs

@@ -1,7 +1,6 @@
 import Badge from './Badge.mjs';
-Badge.install = function (app) {
-  app.component(Badge.name, Badge);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Badge);
 export { props as badgeProps } from './props.mjs';
 export var _BadgeComponent = Badge;
 export default Badge;

package/es/bottom-navigation/index.mjs

@@ -1,7 +1,6 @@
 import BottomNavigation from './BottomNavigation.mjs';
-BottomNavigation.install = function (app) {
-  app.component(BottomNavigation.name, BottomNavigation);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(BottomNavigation);
 export { props as bottomNavigationProps } from './props.mjs';
 export var _BottomNavigationComponent = BottomNavigation;
 export default BottomNavigation;

package/es/bottom-navigation-item/index.mjs

@@ -1,7 +1,6 @@
 import BottomNavigationItem from './BottomNavigationItem.mjs';
-BottomNavigationItem.install = function (app) {
-  app.component(BottomNavigationItem.name, BottomNavigationItem);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(BottomNavigationItem);
 export { props as bottomNavigationItemProps } from './props.mjs';
 export var _BottomNavigationItemComponent = BottomNavigationItem;
 export default BottomNavigationItem;

package/es/breadcrumb/index.mjs

@@ -1,7 +1,6 @@
 import Breadcrumb from './Breadcrumb.mjs';
-Breadcrumb.install = function (app) {
-  app.component(Breadcrumb.name, Breadcrumb);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Breadcrumb);
 export { props as breadcrumbProps } from './props.mjs';
 export var _BreadcrumbComponent = Breadcrumb;
 export default Breadcrumb;

package/es/breadcrumbs/index.mjs

@@ -1,7 +1,6 @@
 import Breadcrumbs from './Breadcrumbs.mjs';
-Breadcrumbs.install = function (app) {
-  app.component(Breadcrumbs.name, Breadcrumbs);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Breadcrumbs);
 export { props as breadcrumbsProps } from './props.mjs';
 export var _BreadcrumbsComponent = Breadcrumbs;
 export default Breadcrumbs;

package/es/button/index.mjs

@@ -1,7 +1,6 @@
 import Button from './Button.mjs';
-Button.install = function (app) {
-  app.component(Button.name, Button);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Button);
 export { props as buttonProps } from './props.mjs';
 export var _ButtonComponent = Button;
 export default Button;

package/es/button-group/index.mjs

@@ -1,7 +1,5 @@
-// Component entry, the folder where the file exists will be exposed to the user
 import ButtonGroup from './ButtonGroup.mjs';
-ButtonGroup.install = function (app) {
-  app.component(ButtonGroup.name, ButtonGroup);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(ButtonGroup);
 export var _ButtonGroupComponent = ButtonGroup;
 export default ButtonGroup;

package/es/card/index.mjs

@@ -1,7 +1,6 @@
 import Card from './Card.mjs';
-Card.install = function (app) {
-  app.component(Card.name, Card);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Card);
 export { props as cardProps } from './props.mjs';
 export var _CardComponent = Card;
 export default Card;

package/es/cell/index.mjs

@@ -1,7 +1,6 @@
 import Cell from './Cell.mjs';
-Cell.install = function (app) {
-  app.component(Cell.name, Cell);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Cell);
 export { props as cellProps } from './props.mjs';
 export var _CellComponent = Cell;
 export default Cell;

package/es/checkbox/index.mjs

@@ -1,7 +1,6 @@
 import Checkbox from './Checkbox.mjs';
-Checkbox.install = function (app) {
-  app.component(Checkbox.name, Checkbox);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Checkbox);
 export { props as checkboxProps } from './props.mjs';
 export var _CheckboxComponent = Checkbox;
 export default Checkbox;

package/es/checkbox-group/index.mjs

@@ -1,7 +1,6 @@
 import CheckboxGroup from './CheckboxGroup.mjs';
-CheckboxGroup.install = function (app) {
-  app.component(CheckboxGroup.name, CheckboxGroup);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(CheckboxGroup);
 export { props as checkboxGroupProps } from './props.mjs';
 export var _CheckboxGroupComponent = CheckboxGroup;
 export default CheckboxGroup;

package/es/chip/index.mjs

@@ -1,7 +1,6 @@
 import Chip from './Chip.mjs';
-Chip.install = function (app) {
-  app.component(Chip.name, Chip);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Chip);
 export { props as chipProps } from './props.mjs';
 export var _ChipComponent = Chip;
 export default Chip;

package/es/col/index.mjs

@@ -1,7 +1,6 @@
 import Col from './Col.mjs';
-Col.install = function (app) {
-  app.component(Col.name, Col);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Col);
 export { props as colProps } from './props.mjs';
 export var _ColComponent = Col;
 export default Col;

package/es/collapse/index.mjs

@@ -1,7 +1,6 @@
 import Collapse from './Collapse.mjs';
-Collapse.install = function (app) {
-  app.component(Collapse.name, Collapse);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Collapse);
 export { props as collapseProps } from './props.mjs';
 export var _CollapseComponent = Collapse;
 export default Collapse;

package/es/collapse-item/index.mjs

@@ -1,7 +1,6 @@
 import CollapseItem from './CollapseItem.mjs';
-CollapseItem.install = function (app) {
-  app.component(CollapseItem.name, CollapseItem);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(CollapseItem);
 export { props as collapseItemProps } from './props.mjs';
 export var _CollapseItemComponent = CollapseItem;
 export default CollapseItem;

package/es/countdown/index.mjs

@@ -1,7 +1,6 @@
 import Countdown from './Countdown.mjs';
-Countdown.install = function (app) {
-  app.component(Countdown.name, Countdown);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Countdown);
 export { props as countdownProps } from './props.mjs';
 export var _CountdownComponent = Countdown;
 export default Countdown;

package/es/counter/index.mjs

@@ -1,7 +1,6 @@
 import Counter from './Counter.mjs';
-Counter.install = function (app) {
-  app.component(Counter.name, Counter);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Counter);
 export { props as counterProps } from './props.mjs';
 export var _CounterComponent = Counter;
 export default Counter;

package/es/date-picker/index.mjs

@@ -1,7 +1,6 @@
 import DatePicker from './DatePicker.mjs';
-DatePicker.install = function (app) {
-  app.component(DatePicker.name, DatePicker);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(DatePicker);
 export { props as datePickerProps } from './props.mjs';
 export var _DatePickerComponent = DatePicker;
 export default DatePicker;

package/es/dialog/index.mjs

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import VarDialog from './Dialog.mjs';
 import { reactive, nextTick } from 'vue';
 import { inBrowser, isString } from '@varlet/shared';
-import { call, mountInstance } from '../utils/components.mjs';
+import { call, mountInstance, withInstall } from '../utils/components.mjs';
 var singletonOptions;
 var defaultOptions = {};
 function normalizeOptions(options) {
@@ -72,13 +72,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);
 export { props as dialogProps } from './props.mjs';
 export var _DialogComponent = VarDialog;
 export default Dialog;

package/es/divider/index.mjs

@@ -1,7 +1,6 @@
 import Divider from './Divider.mjs';
-Divider.install = function (app) {
-  app.component(Divider.name, Divider);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Divider);
 export { props as dividerProps } from './props.mjs';
 export var _DividerComponent = Divider;
 export default Divider;

package/es/drag/index.mjs

@@ -1,7 +1,6 @@
 import Drag from './Drag.mjs';
-Drag.install = function (app) {
-  app.component(Drag.name, Drag);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Drag);
 export { props as dragProps } from './props.mjs';
 export var _DragComponent = Drag;
 export default Drag;

package/es/ellipsis/index.mjs

@@ -1,6 +1,5 @@
 import Ellipsis from './Ellipsis.mjs';
-Ellipsis.install = function (app) {
-  app.component(Ellipsis.name, Ellipsis);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Ellipsis);
 export var _EllipsisComponent = Ellipsis;
 export default Ellipsis;

package/es/fab/index.mjs

@@ -1,7 +1,5 @@
-// Component entry, the folder where the file exists will be exposed to the user
 import Fab from './Fab.mjs';
-Fab.install = function (app) {
-  app.component(Fab.name, Fab);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Fab);
 export var _FabComponent = Fab;
 export default Fab;

package/es/form/index.mjs

@@ -1,11 +1,9 @@
 import Form from './Form.mjs';
-import { useValidation } from '../utils/components.mjs';
+import { useValidation, withInstall } from '../utils/components.mjs';
 import { useForm } from './provide.mjs';
-Form.install = function (app) {
-  app.component(Form.name, Form);
-};
 Form.useValidation = useValidation;
 Form.useForm = useForm;
+withInstall(Form);
 export { props as formProps } from './props.mjs';
 export var _FormComponent = Form;
 export default Form;

package/es/form-details/index.mjs

@@ -1,7 +1,6 @@
 import FormDetails from './FormDetails.mjs';
-FormDetails.install = function (app) {
-  app.component(FormDetails.name, FormDetails);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(FormDetails);
 export { props as formDetailsProps } from './props.mjs';
 export var _FormDetailsComponent = FormDetails;
 export default FormDetails;

package/es/hover-overlay/index.mjs

@@ -1,8 +1,7 @@
 import HoverOverlay from './HoverOverlay.mjs';
+import { withInstall } from '../utils/components.mjs';
 import { ref } from 'vue';
-HoverOverlay.install = function (app) {
-  app.component(HoverOverlay.name, HoverOverlay);
-};
+withInstall(HoverOverlay);
 export function useHoverOverlay() {
   var hovering = ref(false);
   var handleHovering = value => {

package/es/icon/index.mjs

@@ -1,7 +1,6 @@
 import Icon from './Icon.mjs';
-Icon.install = function (app) {
-  app.component(Icon.name, Icon);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Icon);
 export { props as iconProps } from './props.mjs';
 export var _IconComponent = Icon;
 export default Icon;

package/es/image/index.mjs

@@ -1,7 +1,6 @@
 import Image from './Image.mjs';
-Image.install = function (app) {
-  app.component(Image.name, Image);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Image);
 export { props as imageProps } from './props.mjs';
 export var _ImageComponent = Image;
 export default Image;

package/es/image-preview/index.mjs

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import VarImagePreview from './ImagePreview.mjs';
 import { nextTick, reactive } from 'vue';
 import { inBrowser, isArray, isString } from '@varlet/shared';
-import { call, mountInstance } from '../utils/components.mjs';
+import { call, mountInstance, withInstall } from '../utils/components.mjs';
 var singletonOptions;
 var defaultOptions = {};
 function normalizeOptions(options) {
@@ -64,13 +64,9 @@ ImagePreview.setDefaultOptions = options => {
 ImagePreview.resetDefaultOptions = () => {
   defaultOptions = {};
 };
-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);
 export { props as imagePreviewProps } from './props.mjs';
 export var _ImagePreviewComponent = VarImagePreview;
 export default ImagePreview;

package/es/index-anchor/index.mjs

@@ -1,7 +1,6 @@
 import IndexAnchor from './IndexAnchor.mjs';
-IndexAnchor.install = function (app) {
-  app.component(IndexAnchor.name, IndexAnchor);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(IndexAnchor);
 export { props as indexAnchorProps } from './props.mjs';
 export var _IndexAnchorComponent = IndexAnchor;
 export default IndexAnchor;

package/es/index-bar/index.mjs

@@ -1,7 +1,6 @@
 import IndexBar from './IndexBar.mjs';
-IndexBar.install = function (app) {
-  app.component(IndexBar.name, IndexBar);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(IndexBar);
 export { props as indexBarProps } from './props.mjs';
 export var _IndexBarComponent = IndexBar;
 export default IndexBar;

package/es/index.bundle.mjs

@@ -244,7 +244,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.13.1-alpha.1689619056304'
+const version = '2.13.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -162,7 +162,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.13.1-alpha.1689619056304'
+const version = '2.13.1'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/index.mjs

@@ -1,7 +1,6 @@
 import Input from './Input.mjs';
-Input.install = function (app) {
-  app.component(Input.name, Input);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Input);
 export { props as inputProps } from './props.mjs';
 export var _InputComponent = Input;
 export default Input;

package/es/link/index.mjs

@@ -1,7 +1,6 @@
 import Link from './Link.mjs';
-Link.install = function (app) {
-  app.component(Link.name, Link);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Link);
 export { props as linkProps } from './props.mjs';
 export var _LinkComponent = Link;
 export default Link;

package/es/list/index.mjs

@@ -1,7 +1,6 @@
 import List from './List.mjs';
-List.install = function (app) {
-  app.component(List.name, List);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(List);
 export { props as listProps } from './props.mjs';
 export var _ListComponent = List;
 export default List;

package/es/loading/index.mjs

@@ -1,7 +1,6 @@
 import Loading from './Loading.mjs';
-Loading.install = function (app) {
-  app.component(Loading.name, Loading);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Loading);
 export { props as loadingProps } from './props.mjs';
 export var _LoadingComponent = Loading;
 export default Loading;

package/es/menu/Menu.mjs

@@ -26,7 +26,7 @@ function __render__(_ctx, _cache) {
   }, [_createVNode(_Transition, {
     name: _ctx.n(),
     onAfterEnter: _ctx.onOpened,
-    onAfterLeave: _ctx.onClosed,
+    onAfterLeave: _ctx.handleClosed,
     persisted: ""
   }, {
     default: _withCtx(() => [_withDirectives(_createElementVNode("div", {
@@ -64,6 +64,7 @@ var __sfc__ = defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       // expose
       open,
       // expose
@@ -87,6 +88,7 @@ var __sfc__ = defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       resize,
       open,
       close

package/es/menu/index.mjs

@@ -1,7 +1,6 @@
 import Menu from './Menu.mjs';
-Menu.install = function (app) {
-  app.component(Menu.name, Menu);
-};
+import { withInstall } from '../utils/components.mjs';
+withInstall(Menu);
 export { props as menuProps } from './props.mjs';
 export var _MenuComponent = Menu;
 export default Menu;

package/es/menu/menu.css

@@ -1 +1 @@
-:root { --menu-background-color: #fff;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0;}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity; transition-duration: 0.25s;}.var-menu { display: inline-block;}.var-menu--menu-background-color { background: var(--menu-background-color); transition: opacity 0.25s, background-color 0.25s;}
+:root { --menu-background-color: #fff;}.var-menu { display: inline-block;}.var-menu-enter-from,.var-menu-leave-to { opacity: 0; transform: scale(0.8);}.var-menu-enter-active,.var-menu-leave-active { transition-property: opacity, transform; transition-duration: 0.2s;}.var-menu--menu-background-color { background: var(--menu-background-color);}

package/es/menu/usePopover.mjs

@@ -45,6 +45,38 @@ export 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;
@@ -107,6 +139,10 @@ export function usePopover(options) {
     handlePopoverClose();
     call(options.onClickOutside, e);
   };
+  var handleClosed = () => {
+    resize();
+    call(options.onClosed);
+  };
   var getPosition = () => {
     computeHostSize();
     var offset = {
@@ -209,8 +245,22 @@ export function usePopover(options) {
         offset: [skidding, distance]
       }
     }), _extends({}, computeStyles, {
+      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
@@ -264,6 +314,7 @@ export function usePopover(options) {
     handlePopoverClose,
     handlePopoverMouseenter,
     handlePopoverMouseleave,
+    handleClosed,
     resize,
     open,
     close