@varlet/ui 3.8.2 → 3.9.0-alpha.1736270797421

package/es/action-sheet/ActionItem.mjs

@@ -1,8 +1,8 @@
-import Ripple from "../ripple/index.mjs";
-import VarIcon from "../icon/index.mjs";
-import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
-import Hover from "../hover/index.mjs";
 import { defineComponent } from "vue";
+import Hover from "../hover/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import VarIcon from "../icon/index.mjs";
+import Ripple from "../ripple/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 const { name, n, classes } = createNamespace("action-sheet");
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";

package/es/action-sheet/ActionSheet.mjs

@@ -1,19 +1,21 @@
-import Ripple from "../ripple/index.mjs";
-import VarPopup from "../popup/index.mjs";
-import VarActionItem from "./ActionItem.mjs";
 import { defineComponent } from "vue";
-import { props } from "./props.mjs";
-import { t } from "../locale/index.mjs";
-import { createNamespace } from "../utils/components.mjs";
 import { call } from "@varlet/shared";
 import { useVModel } from "@varlet/use";
+import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
+import VarPopup from "../popup/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import VarActionItem from "./ActionItem.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("action-sheet");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createBlock as _createBlock, mergeProps as _mergeProps, withCtx as _withCtx } from "vue";
 function __render__(_ctx, _cache) {
   const _component_var_action_item = _resolveComponent("var-action-item");
   const _component_var_popup = _resolveComponent("var-popup");
   return _openBlock(), _createBlock(_component_var_popup, {
+    show: _ctx.show,
+    "onUpdate:show": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
     position: "bottom",
     class: _normalizeClass(_ctx.n("popup-radius")),
     overlay: _ctx.overlay,
@@ -24,8 +26,6 @@ function __render__(_ctx, _cache) {
     "close-on-key-escape": _ctx.closeOnKeyEscape,
     teleport: _ctx.teleport,
     "safe-area": _ctx.safeArea,
-    show: _ctx.show,
-    "onUpdate:show": _cache[0] || (_cache[0] = ($event) => _ctx.show = $event),
     onOpen: _ctx.onOpen,
     onClose: _ctx.onClose,
     onClosed: _ctx.onClosed,
@@ -81,7 +81,7 @@ function __render__(_ctx, _cache) {
     ]),
     _: 3
     /* FORWARDED */
-  }, 8, ["class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "show", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
+  }, 8, ["show", "class", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "close-on-key-escape", "teleport", "safe-area", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onKeyEscape"]);
 }
 const __sfc__ = defineComponent({
   name,

package/es/action-sheet/index.mjs

@@ -14,10 +14,10 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import VarActionSheet from "./ActionSheet.mjs";
 import { nextTick, reactive } from "vue";
-import { inBrowser, call } from "@varlet/shared";
+import { call, inBrowser } from "@varlet/shared";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import VarActionSheet from "./ActionSheet.mjs";
 import { props as actionSheetProps } from "./props.mjs";
 let singletonOptions;
 let defaultOptions = {};

package/es/action-sheet/props.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineListenerProp, pickProps } from "../utils/components.mjs";
 import { popupProps } from "../popup/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
 const props = __spreadValues({
   show: Boolean,
   title: String,

package/es/alert/Alert.mjs

@@ -1,8 +1,8 @@
+import { computed, defineComponent } from "vue";
+import { call } from "@varlet/shared";
 import VarIcon from "../icon/index.mjs";
-import { defineComponent, computed } from "vue";
-import { props } from "./props.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { call } from "@varlet/shared";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("alert");
 const iconTypeMap = {
   success: "checkbox-marked-circle",

package/es/alert/index.mjs

@@ -1,5 +1,5 @@
-import Alert from "./Alert.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import Alert from "./Alert.mjs";
 import { props as alertProps } from "./props.mjs";
 withInstall(Alert);
 withPropsDefaultsSetter(Alert, alertProps);

package/es/app-bar/AppBar.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, ref, onUpdated, computed } from "vue";
-import { props } from "./props.mjs";
-import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { onSmartMounted, onWindowResize } from "@varlet/use";
+import { computed, defineComponent, onUpdated, ref } from "vue";
 import { getRect } from "@varlet/shared";
+import { onSmartMounted, onWindowResize } from "@varlet/use";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("app-bar");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, mergeProps as _mergeProps, Fragment as _Fragment } from "vue";
 function __render__(_ctx, _cache) {
@@ -14,6 +14,7 @@ function __render__(_ctx, _cache) {
       _createElementVNode(
         "div",
         _mergeProps({
+          ref: "appBar",
           class: _ctx.classes(
             _ctx.n(),
             _ctx.n("$--box"),
@@ -23,7 +24,6 @@ function __render__(_ctx, _cache) {
             [_ctx.border, _ctx.n("--border")],
             _ctx.formatElevation(_ctx.elevation, 3)
           ),
-          ref: "appBar",
           style: _ctx.rootStyles
         }, _ctx.$attrs),
         [

package/es/app-bar/index.mjs

@@ -1,5 +1,5 @@
-import AppBar from "./AppBar.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import AppBar from "./AppBar.mjs";
 import { props as appBarProps } from "./props.mjs";
 withInstall(AppBar);
 withPropsDefaultsSetter(AppBar, appBarProps);

package/es/auto-complete/AutoComplete.mjs

@@ -18,16 +18,16 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import VarInput from "../input/index.mjs";
-import VarMenuSelect from "../menu-select/index.mjs";
-import VarMenuOption from "../menu-option/index.mjs";
-import VarFormDetails from "../form-details/index.mjs";
 import { computed, defineComponent, nextTick, ref, watch } from "vue";
-import { props } from "./props.mjs";
-import { createNamespace, useValidation } from "../utils/components.mjs";
-import { useClickOutside, useEventListener, useVModel } from "@varlet/use";
 import { call, isEmpty, preventDefault, raf, toNumber } from "@varlet/shared";
+import { useClickOutside, useEventListener, useVModel } from "@varlet/use";
+import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
+import VarInput from "../input/index.mjs";
+import VarMenuOption from "../menu-option/index.mjs";
+import VarMenuSelect from "../menu-select/index.mjs";
+import { createNamespace, useValidation } from "../utils/components.mjs";
+import { props } from "./props.mjs";
 const { name, n } = createNamespace("auto-complete");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 const _hoisted_1 = ["tabindex"];
@@ -44,6 +44,8 @@ function __render__(_ctx, _cache) {
     onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
     _createVNode(_component_var_menu_select, {
+      show: _ctx.isShowMenuSelect,
+      "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.isShowMenuSelect = $event),
       "same-width": "",
       "auto-complete-cover": "",
       scrollable: "",
@@ -52,8 +54,6 @@ function __render__(_ctx, _cache) {
       disabled: _ctx.disabled || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly,
       class: _normalizeClass(_ctx.n("menu-select")),
       "popover-class": _ctx.variant === "standard" ? _ctx.n("--standard-menu-margin") : void 0,
-      show: _ctx.isShowMenuSelect,
-      "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.isShowMenuSelect = $event),
       "onUpdate:modelValue": _ctx.handleAutoComplete,
       onKeyEscape: _ctx.handleKeyEscape
     }, {
@@ -100,6 +100,8 @@ function __render__(_ctx, _cache) {
           disabled: _ctx.disabled,
           clearable: _ctx.clearable
         }, {
+          modelValue: _ctx.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event),
           autocomplete: "off",
           "is-force-focusing-effect": _ctx.isFocusing,
           "is-force-error-effect": !!_ctx.errorMessage,
@@ -107,9 +109,7 @@ function __render__(_ctx, _cache) {
           onInput: _ctx.handleInput,
           onBlur: _ctx.handleBlur,
           onClear: _ctx.handleClear,
-          onChange: _ctx.handleChange,
-          modelValue: _ctx.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.value = $event)
+          onChange: _ctx.handleChange
         }), _createSlots({
           _: 2
           /* DYNAMIC */
@@ -142,11 +142,11 @@ function __render__(_ctx, _cache) {
             ]),
             key: "3"
           } : void 0
-        ]), 1040, ["is-force-focusing-effect", "is-force-error-effect", "onInput", "onBlur", "onClear", "onChange", "modelValue"])
+        ]), 1040, ["modelValue", "is-force-focusing-effect", "is-force-error-effect", "onInput", "onBlur", "onClear", "onChange"])
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["disabled", "class", "popover-class", "show", "onUpdate:modelValue", "onKeyEscape"]),
+    }, 8, ["show", "disabled", "class", "popover-class", "onUpdate:modelValue", "onKeyEscape"]),
     _createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       "extra-message": _ctx.maxlengthText
@@ -269,21 +269,17 @@ const __sfc__ = defineComponent({
       });
     }
     function changeMenuState() {
-      return __async(this, null, function* () {
-        if (isFocusing.value) {
-          isShowMenuSelect.value = getShowMenuSelect(value.value);
-        }
-        if (isShowMenuSelect.value) {
-          viewOptions.value = props2.options;
-        }
-      });
+      if (isFocusing.value) {
+        isShowMenuSelect.value = getShowMenuSelect(value.value);
+      }
+      if (isShowMenuSelect.value) {
+        viewOptions.value = props2.options;
+      }
     }
     function handleInput(newValue, event) {
-      return __async(this, null, function* () {
-        changeMenuState();
-        call(props2.onInput, newValue, event);
-        validateWithTrigger("onInput");
-      });
+      changeMenuState();
+      call(props2.onInput, newValue, event);
+      validateWithTrigger("onInput");
     }
     function handleClear() {
       clearing = true;

package/es/auto-complete/index.mjs

@@ -1,5 +1,5 @@
-import AutoComplete from "./AutoComplete.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import AutoComplete from "./AutoComplete.mjs";
 import { props as autoCompleteProps } from "./props.mjs";
 withInstall(AutoComplete);
 withPropsDefaultsSetter(AutoComplete, autoCompleteProps);

package/es/auto-complete/props.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineListenerProp, pickProps } from "../utils/components.mjs";
 import { inputProps } from "../input/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
 const props = __spreadValues({
   modelValue: String,
   options: {

package/es/avatar/Avatar.mjs

@@ -1,10 +1,10 @@
-import Lazy from "../lazy/index.mjs";
-import { defineComponent, ref, onUpdated } from "vue";
-import { props } from "./props.mjs";
-import { toSizeUnit } from "../utils/elements.mjs";
-import { createNamespace } from "../utils/components.mjs";
+import { defineComponent, onUpdated, ref } from "vue";
 import { call } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
+import Lazy from "../lazy/index.mjs";
+import { createNamespace } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const isInternalSize = (size) => ["mini", "small", "normal", "large"].includes(size);
 const { name, n, classes } = createNamespace("avatar");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock, Fragment as _Fragment, renderSlot as _renderSlot } from "vue";

package/es/avatar/index.mjs

@@ -1,5 +1,5 @@
-import Avatar from "./Avatar.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import Avatar from "./Avatar.mjs";
 import { props as avatarProps } from "./props.mjs";
 withInstall(Avatar);
 withPropsDefaultsSetter(Avatar, avatarProps);

package/es/avatar-group/AvatarGroup.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, computed } from "vue";
-import { props } from "./props.mjs";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("avatar-group");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/avatar-group/index.mjs

@@ -1,5 +1,5 @@
-import AvatarGroup from "./AvatarGroup.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import AvatarGroup from "./AvatarGroup.mjs";
 import { props as avatarGroupProps } from "./props.mjs";
 withInstall(AvatarGroup);
 withPropsDefaultsSetter(AvatarGroup, avatarGroupProps);

package/es/back-top/BackTop.mjs

@@ -1,12 +1,12 @@
+import { defineComponent, onActivated, onMounted, ref } from "vue";
+import { call, getScrollLeft, getScrollTop, throttle } from "@varlet/shared";
+import { onSmartUnmounted } from "@varlet/use";
 import VarButton from "../button/index.mjs";
 import VarIcon from "../icon/index.mjs";
-import { defineComponent, ref, onMounted, onActivated } from "vue";
-import { props } from "./props.mjs";
-import { throttle, getScrollTop, getScrollLeft, call } from "@varlet/shared";
-import { easeInOutCubic } from "../utils/shared.mjs";
-import { scrollTo, getParentScroller, toPxNum, toSizeUnit, getTarget } from "../utils/elements.mjs";
 import { createNamespace } from "../utils/components.mjs";
-import { onSmartUnmounted } from "@varlet/use";
+import { getParentScroller, getTarget, scrollTo, toPxNum, toSizeUnit } from "../utils/elements.mjs";
+import { easeInOutCubic } from "../utils/shared.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("back-top");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, withModifiers as _withModifiers, mergeProps as _mergeProps, createElementVNode as _createElementVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
@@ -19,8 +19,8 @@ function __render__(_ctx, _cache) {
     _createElementVNode(
       "div",
       _mergeProps({
-        class: _ctx.classes(_ctx.n(), [_ctx.show, _ctx.n("--active")]),
         ref: "backTopEl",
+        class: _ctx.classes(_ctx.n(), [_ctx.show, _ctx.n("--active")]),
         style: {
           right: _ctx.toSizeUnit(_ctx.right),
           bottom: _ctx.toSizeUnit(_ctx.bottom)

package/es/back-top/index.mjs

@@ -1,5 +1,5 @@
-import BackTop from "./BackTop.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import BackTop from "./BackTop.mjs";
 import { props as backTopProps } from "./props.mjs";
 withInstall(BackTop);
 withPropsDefaultsSetter(BackTop, backTopProps);

package/es/badge/Badge.mjs

@@ -14,12 +14,12 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import VarIcon from "../icon/index.mjs";
-import { toNumber } from "@varlet/shared";
 import { computed, defineComponent } from "vue";
-import { props } from "./props.mjs";
+import { toNumber } from "@varlet/shared";
+import VarIcon from "../icon/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("badge");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, vShow as _vShow, mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode } from "vue";
 const _hoisted_1 = { key: 0 };

package/es/badge/index.mjs

@@ -1,5 +1,5 @@
-import Badge from "./Badge.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import Badge from "./Badge.mjs";
 import { props as badgeProps } from "./props.mjs";
 withInstall(Badge);
 withPropsDefaultsSetter(Badge, badgeProps);

package/es/badge/props.mjs

@@ -1,5 +1,5 @@
-import { pickProps } from "../utils/components.mjs";
 import { iconProps } from "../icon/index.mjs";
+import { pickProps } from "../utils/components.mjs";
 const props = {
   type: {
     type: String,

package/es/bottom-navigation/BottomNavigation.mjs

@@ -14,14 +14,14 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { computed, defineComponent, onUpdated, ref, watch } from "vue";
+import { call, getRect, isNumber, normalizeToArray } from "@varlet/shared";
+import { onSmartMounted, onWindowResize } from "@varlet/use";
 import VarButton from "../button/index.mjs";
-import { defineComponent, ref, computed, onUpdated, watch } from "vue";
-import { props } from "./props.mjs";
-import { useBottomNavigationItems } from "./provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
-import { isNumber, normalizeToArray, call, getRect } from "@varlet/shared";
-import { onSmartMounted, onWindowResize } from "@varlet/use";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
+import { useBottomNavigationItems } from "./provide.mjs";
 const { name, n, classes } = createNamespace("bottom-navigation");
 const { n: nItem } = createNamespace("bottom-navigation-item");
 const RIGHT_HALF_SPACE_CLASS = nItem("--right-half-space");
@@ -40,6 +40,7 @@ function __render__(_ctx, _cache) {
       _createElementVNode(
         "div",
         _mergeProps({
+          ref: "bottomNavigationDom",
           class: _ctx.classes(
             _ctx.n(),
             _ctx.n("$--box"),
@@ -48,7 +49,6 @@ function __render__(_ctx, _cache) {
             [_ctx.safeArea, _ctx.n("--safe-area")],
             [_ctx.variant, _ctx.n("--variant")]
           ),
-          ref: "bottomNavigationDom",
           style: `z-index:${_ctx.zIndex}`
         }, _ctx.$attrs),
         [
@@ -56,9 +56,8 @@ function __render__(_ctx, _cache) {
           _ctx.$slots.fab ? (_openBlock(), _createBlock(_component_var_button, _mergeProps({
             key: 0,
             class: _ctx.classes(_ctx.n("fab"), [_ctx.length % 2, _ctx.n("--fab-right"), _ctx.n("--fab-center")]),
-            "var-bottom-navigation__fab": "",
-            onClick: _ctx.handleFabClick
-          }, _ctx.fabProps), {
+            "var-bottom-navigation__fab": ""
+          }, _ctx.fabProps, { onClick: _ctx.handleFabClick }), {
             default: _withCtx(() => [
               _renderSlot(_ctx.$slots, "fab")
             ]),

package/es/bottom-navigation/index.mjs

@@ -1,5 +1,5 @@
-import BottomNavigation from "./BottomNavigation.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import BottomNavigation from "./BottomNavigation.mjs";
 import { props as bottomNavigationProps } from "./props.mjs";
 withInstall(BottomNavigation);
 withPropsDefaultsSetter(BottomNavigation, bottomNavigationProps);

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

@@ -1,11 +1,11 @@
-import Ripple from "../ripple/index.mjs";
+import { computed, defineComponent } from "vue";
+import { call } from "@varlet/shared";
 import VarBadge from "../badge/index.mjs";
 import VarIcon from "../icon/index.mjs";
-import { defineComponent, computed } from "vue";
+import Ripple from "../ripple/index.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useBottomNavigation } from "./provide.mjs";
-import { createNamespace } from "../utils/components.mjs";
-import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("bottom-navigation-item");
 const defaultBadgeProps = {
   type: "danger",

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

@@ -1,5 +1,5 @@
-import BottomNavigationItem from "./BottomNavigationItem.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import BottomNavigationItem from "./BottomNavigationItem.mjs";
 import { props as bottomNavigationItemProps } from "./props.mjs";
 withInstall(BottomNavigationItem);
 withPropsDefaultsSetter(BottomNavigationItem, bottomNavigationItemProps);

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

@@ -1,5 +1,5 @@
-import { useParent } from "@varlet/use";
 import { assert } from "@varlet/shared";
+import { useParent } from "@varlet/use";
 import {
   BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
 } from "../bottom-navigation/provide.mjs";

package/es/breadcrumb/Breadcrumb.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, computed } from "vue";
+import { computed, defineComponent } from "vue";
+import { call } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useBreadcrumb } from "./provide.mjs";
-import { createNamespace } from "../utils/components.mjs";
-import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("breadcrumb");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/breadcrumb/index.mjs

@@ -1,5 +1,5 @@
-import Breadcrumb from "./Breadcrumb.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import Breadcrumb from "./Breadcrumb.mjs";
 import { props as breadcrumbProps } from "./props.mjs";
 withInstall(Breadcrumb);
 withPropsDefaultsSetter(Breadcrumb, breadcrumbProps);

package/es/breadcrumb/provide.mjs

@@ -1,5 +1,5 @@
-import { useParent } from "@varlet/use";
 import { assert } from "@varlet/shared";
+import { useParent } from "@varlet/use";
 import { BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY } from "../breadcrumbs/provide.mjs";
 function useBreadcrumb() {
   const { parentProvider, bindParent, index } = useParent(

package/es/breadcrumbs/Breadcrumbs.mjs

@@ -1,7 +1,7 @@
-import { defineComponent, computed } from "vue";
+import { computed, defineComponent } from "vue";
+import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useBreadcrumbsList } from "./provide.mjs";
-import { createNamespace } from "../utils/components.mjs";
 const { name, n } = createNamespace("breadcrumbs");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/breadcrumbs/index.mjs

@@ -1,5 +1,5 @@
-import Breadcrumbs from "./Breadcrumbs.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import Breadcrumbs from "./Breadcrumbs.mjs";
 import { props as breadcrumbsProps } from "./props.mjs";
 withInstall(Breadcrumbs);
 withPropsDefaultsSetter(Breadcrumbs, breadcrumbsProps);

package/es/button/Button.mjs

@@ -1,12 +1,12 @@
-import Ripple from "../ripple/index.mjs";
-import VarLoading from "../loading/index.mjs";
-import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
-import Hover from "../hover/index.mjs";
 import { computed, defineComponent, ref } from "vue";
-import { props } from "./props.mjs";
+import { call, normalizeToArray } from "@varlet/shared";
+import Hover from "../hover/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import VarLoading from "../loading/index.mjs";
+import Ripple from "../ripple/index.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { props } from "./props.mjs";
 import { useButtonGroup } from "./provide.mjs";
-import { call, normalizeToArray } from "@varlet/shared";
 const { name, n, classes } = createNamespace("button");
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, createElementVNode as _createElementVNode, createVNode as _createVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["tabindex", "type", "disabled"];

package/es/button/index.mjs

@@ -1,6 +1,6 @@
+import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 import Button from "./Button.mjs";
 import { props as buttonProps } from "./props.mjs";
-import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 withInstall(Button);
 withPropsDefaultsSetter(Button, buttonProps);
 const _ButtonComponent = Button;

package/es/button-group/ButtonGroup.mjs

@@ -1,7 +1,7 @@
 import { computed, defineComponent } from "vue";
-import { useButtons } from "./provide.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { props } from "./props.mjs";
+import { useButtons } from "./provide.mjs";
 const { name, n, classes } = createNamespace("button-group");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/button-group/index.mjs

@@ -1,5 +1,5 @@
-import ButtonGroup from "./ButtonGroup.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import ButtonGroup from "./ButtonGroup.mjs";
 import { props as buttonGroupProps } from "./props.mjs";
 withInstall(ButtonGroup);
 withPropsDefaultsSetter(ButtonGroup, buttonGroupProps);