@varlet/ui 2.13.1-alpha.1689619056304 → 2.13.1

package/es/swipe/index.mjs

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

package/es/swipe-item/index.mjs

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

package/es/switch/index.mjs

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

package/es/tab/index.mjs

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

package/es/tab-item/index.mjs

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

package/es/table/index.mjs

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

package/es/tabs/index.mjs

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

package/es/tabs-items/index.mjs

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

package/es/time-picker/index.mjs

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

package/es/tooltip/Tooltip.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", {
@@ -69,6 +69,7 @@ var __sfc__ = defineComponent({
       handlePopoverMouseenter,
       handlePopoverMouseleave,
       handlePopoverClose,
+      handleClosed,
       // expose
       open,
       // expose
@@ -91,6 +92,7 @@ var __sfc__ = defineComponent({
       handleHostMouseleave,
       handlePopoverMouseenter,
       handlePopoverMouseleave,
+      handleClosed,
       resize,
       open,
       close

package/es/tooltip/index.mjs

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

package/es/tooltip/tooltip.css

@@ -1 +1 @@
-:root { --tooltip-opacity: 0.9; --tooltip-border-radius: 4px; --tooltip-font-size: 14px; --tooltip-padding: 8px 16px; --tooltip-default-color: #616161; --tooltip-offset: 10px; --tooltip-primary-color: var(--color-primary); --tooltip-info-color: var(--color-info); --tooltip-success-color: var(--color-success); --tooltip-warning-color: var(--color-warning); --tooltip-danger-color: var(--color-danger);}.var-tooltip-enter-from,.var-tooltip-leave-to { opacity: 0;}.var-tooltip-enter-active,.var-tooltip-leave-active { transition-property: opacity; transition-duration: 0.25s;}.var-tooltip { display: inline-block;}.var-tooltip__content-container { display: inline-block; text-align: center; border-radius: var(--tooltip-border-radius); font-size: var(--tooltip-font-size); padding: var(--tooltip-padding); opacity: var(--tooltip-opacity); transition: opacity 0.25s, background-color 0.25s;}.var-tooltip--default { color: #fff; background: var(--tooltip-default-color);}.var-tooltip--primary { color: #fff; background-color: var(--tooltip-primary-color);}.var-tooltip--info { color: #fff; background-color: var(--tooltip-info-color);}.var-tooltip--success { color: #fff; background-color: var(--tooltip-success-color);}.var-tooltip--warning { color: #fff; background-color: var(--tooltip-warning-color);}.var-tooltip--danger { color: #fff; background-color: var(--tooltip-danger-color);}.var-tooltip__tooltip[data-popper-placement='top'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-end'] .var-tooltip__content-container { margin-bottom: var(--tooltip-offset);}.var-tooltip__tooltip[data-popper-placement='bottom'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-end'] .var-tooltip__content-container { margin-top: var(--tooltip-offset);}.var-tooltip__tooltip[data-popper-placement='right'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-end'] .var-tooltip__content-container { margin-left: var(--tooltip-offset);}.var-tooltip__tooltip[data-popper-placement='left'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-end'] .var-tooltip__content-container { margin-right: var(--tooltip-offset);}
+:root { --tooltip-opacity: 0.9; --tooltip-border-radius: 4px; --tooltip-font-size: 14px; --tooltip-padding: 8px 16px; --tooltip-default-color: #616161; --tooltip-offset: 10px; --tooltip-primary-color: var(--color-primary); --tooltip-info-color: var(--color-info); --tooltip-success-color: var(--color-success); --tooltip-warning-color: var(--color-warning); --tooltip-danger-color: var(--color-danger);}.var-tooltip { display: inline-block;}.var-tooltip-enter-from,.var-tooltip-leave-to { opacity: 0; transform: scale(0.8);}.var-tooltip-enter-active,.var-tooltip-leave-active { transition-property: opacity, transform; transition-duration: 0.2s;}.var-tooltip__content-container { display: inline-block; text-align: center; border-radius: var(--tooltip-border-radius); font-size: var(--tooltip-font-size); padding: var(--tooltip-padding); opacity: var(--tooltip-opacity); transition: opacity 0.25s, background-color 0.25s;}.var-tooltip--default { color: #fff; background: var(--tooltip-default-color);}.var-tooltip--primary { color: #fff; background-color: var(--tooltip-primary-color);}.var-tooltip--info { color: #fff; background-color: var(--tooltip-info-color);}.var-tooltip--success { color: #fff; background-color: var(--tooltip-success-color);}.var-tooltip--warning { color: #fff; background-color: var(--tooltip-warning-color);}.var-tooltip--danger { color: #fff; background-color: var(--tooltip-danger-color);}.var-tooltip__tooltip[data-popper-placement='top'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='top-end'] .var-tooltip__content-container { transform: translateY(calc(-1 * var(--tooltip-offset)));}.var-tooltip__tooltip[data-popper-placement='bottom'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='bottom-end'] .var-tooltip__content-container { transform: translateY(var(--tooltip-offset));}.var-tooltip__tooltip[data-popper-placement='right'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='right-end'] .var-tooltip__content-container { transform: translateX(var(--tooltip-offset));}.var-tooltip__tooltip[data-popper-placement='left'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-start'] .var-tooltip__content-container,.var-tooltip__tooltip[data-popper-placement='left-end'] .var-tooltip__content-container { transform: translateX(calc(-1 * var(--tooltip-offset)));}

package/es/uploader/index.mjs

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

package/es/utils/components.mjs

@@ -10,6 +10,18 @@ export function pickProps(props, propsKey) {
     return pickedProps;
   }, {}) : props[propsKey];
 }
+export 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;
+}
 export function mount(component) {
   var app = createApp(component);
   var host = document.createElement('div');