@varlet/ui 3.8.2 → 3.8.3

package/es/rate/index.mjs

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

package/es/rate/props.mjs

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

package/es/result/Result.mjs

@@ -1,13 +1,13 @@
-import Info from "./Info.mjs";
-import Error from "./Error.mjs";
-import Warning from "./Warning.mjs";
-import Success from "./Success.mjs";
-import Question from "./Question.mjs";
-import Empty from "./Empty.mjs";
 import { computed, defineComponent } from "vue";
-import { props } from "./props.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import Empty from "./Empty.mjs";
+import Error from "./Error.mjs";
+import Info from "./Info.mjs";
+import { props } from "./props.mjs";
+import Question from "./Question.mjs";
+import Success from "./Success.mjs";
+import Warning from "./Warning.mjs";
 const { name, n, classes } = createNamespace("result");
 import { renderSlot as _renderSlot, resolveDynamicComponent as _resolveDynamicComponent, openBlock as _openBlock, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString } from "vue";
 function __render__(_ctx, _cache) {

package/es/result/index.mjs

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

package/es/ripple/index.mjs

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { getRect, getStyle, supportTouch } from "@varlet/shared";
 import context from "../context/index.mjs";
-import { supportTouch, getStyle, getRect } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
 
 

package/es/row/Row.mjs

@@ -1,9 +1,9 @@
-import { defineComponent, computed } from "vue";
+import { computed, defineComponent } from "vue";
+import { call, isArray } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
+import { padStartFlex, toPxNum } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
-import { isArray, call } from "@varlet/shared";
 import { useCols } from "./provide.mjs";
-import { toPxNum, padStartFlex } from "../utils/elements.mjs";
-import { createNamespace } from "../utils/components.mjs";
 const { name, n, classes } = createNamespace("row");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/row/index.mjs

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

package/es/select/Select.mjs

@@ -1,18 +1,18 @@
-import VarIcon from "../icon/index.mjs";
-import VarMenu from "../menu/index.mjs";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
+import { assert, call, doubleRaf, isArray, isEmpty, isFunction, preventDefault } from "@varlet/shared";
+import { useEventListener } from "@varlet/use";
 import VarChip from "../chip/index.mjs";
-import VarOption from "../option/index.mjs";
 import VarFieldDecorator from "../field-decorator/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
-import { computed, defineComponent, ref, watch, nextTick } from "vue";
-import { isArray, isEmpty, call, preventDefault, doubleRaf, isFunction, assert } from "@varlet/shared";
-import { props } from "./props.mjs";
-import { useValidation, createNamespace, MaybeVNode } from "../utils/components.mjs";
-import { useOptions } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
+import VarIcon from "../icon/index.mjs";
+import VarMenu from "../menu/index.mjs";
+import VarOption from "../option/index.mjs";
+import { createNamespace, MaybeVNode, useValidation } from "../utils/components.mjs";
 import { focusChildElementByKey, toPxNum } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
+import { useOptions } from "./provide.mjs";
 import { useSelectController } from "./useSelectController.mjs";
-import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("select");
 import { renderSlot as _renderSlot, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, createSlots as _createSlots } from "vue";
 const _hoisted_1 = ["tabindex"];
@@ -32,6 +32,8 @@ function __render__(_ctx, _cache) {
     onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.handleRootBlur && _ctx.handleRootBlur(...args))
   }, [
     _createVNode(_component_var_menu, {
+      show: _ctx.showMenu,
+      "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.showMenu = $event),
       "var-select-cover": "",
       "same-width": "",
       "close-on-click-reference": "",
@@ -42,8 +44,6 @@ function __render__(_ctx, _cache) {
       disabled: _ctx.formReadonly || _ctx.readonly || _ctx.formDisabled || _ctx.disabled,
       placement: _ctx.placement,
       "default-style": false,
-      show: _ctx.showMenu,
-      "onUpdate:show": _cache[1] || (_cache[1] = ($event) => _ctx.showMenu = $event),
       onClickOutside: _ctx.handleClickOutside
     }, {
       menu: _withCtx(() => [
@@ -139,12 +139,12 @@ function __render__(_ctx, _cache) {
                                   null,
                                   _renderList(_ctx.labels, (l) => {
                                     return _openBlock(), _createBlock(_component_var_chip, {
+                                      key: l,
                                       class: _normalizeClass(_ctx.n("chip")),
                                       "var-select-cover": "",
                                       closeable: "",
                                       size: "small",
                                       type: _ctx.errorMessage ? "danger" : void 0,
-                                      key: l,
                                       onClick: _cache[0] || (_cache[0] = _withModifiers(() => {
                                       }, ["stop"])),
                                       onClose: () => _ctx.handleClose(l)
@@ -253,7 +253,7 @@ function __render__(_ctx, _cache) {
       ]),
       _: 3
       /* FORWARDED */
-    }, 8, ["class", "popover-class", "offset-y", "disabled", "placement", "show", "onClickOutside"]),
+    }, 8, ["show", "class", "popover-class", "offset-y", "disabled", "placement", "onClickOutside"]),
     _createVNode(_component_var_form_details, {
       "error-message": _ctx.errorMessage,
       onClick: _cache[2] || (_cache[2] = _withModifiers(() => {

package/es/select/index.mjs

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

package/es/select/props.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineListenerProp, pickProps } from "../utils/components.mjs";
 import { fieldDecoratorProps } from "../field-decorator/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
 const props = __spreadValues({
   modelValue: {
     type: [String, Number, Boolean, Array],

package/es/skeleton/Skeleton.mjs

@@ -1,8 +1,8 @@
 import { defineComponent } from "vue";
-import { props } from "./props.mjs";
-import { toSizeUnit } from "../utils/elements.mjs";
 import { toNumber } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("skeleton");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, renderList as _renderList, Fragment as _Fragment } from "vue";
 function __render__(_ctx, _cache) {
@@ -118,8 +118,8 @@ function __render__(_ctx, _cache) {
                       return _openBlock(), _createElementBlock(
                         "div",
                         {
-                          class: _normalizeClass(_ctx.n("row")),
                           key: r,
+                          class: _normalizeClass(_ctx.n("row")),
                           style: _normalizeStyle({ width: _ctx.toSizeUnit(_ctx.rowsWidth[index]) })
                         },
                         [

package/es/skeleton/index.mjs

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

package/es/slider/Slider.mjs

@@ -1,13 +1,13 @@
+import { computed, defineComponent, nextTick, onBeforeUnmount, reactive, ref, watch } from "vue";
+import { call, clamp, error, getRect, hasOwn, isArray, isNumber, preventDefault, toNumber, warn } from "@varlet/shared";
+import { onSmartMounted, onWindowResize, useEventListener } from "@varlet/use";
 import VarFormDetails from "../form-details/index.mjs";
-import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
-import Hover from "../hover/index.mjs";
-import { defineComponent, ref, onBeforeUnmount, computed, reactive, nextTick, watch } from "vue";
-import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useForm } from "../form/provide.mjs";
+import Hover from "../hover/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import { createNamespace, useValidation } from "../utils/components.mjs";
 import { getLeft, toSizeUnit } from "../utils/elements.mjs";
-import { isArray, isNumber, toNumber, getRect, preventDefault, call, hasOwn, clamp, error, warn } from "@varlet/shared";
 import { props, Thumbs } from "./props.mjs";
-import { onSmartMounted, onWindowResize, useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("slider");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, renderSlot as _renderSlot, resolveDirective as _resolveDirective, withDirectives as _withDirectives, resolveComponent as _resolveComponent, createVNode as _createVNode, toDisplayString as _toDisplayString, withModifiers as _withModifiers } from "vue";
 const _hoisted_1 = ["tabindex", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-disabled", "aria-valuetext", "onTouchstart", "onFocusin", "onFocusout"];
@@ -24,8 +24,8 @@ function __render__(_ctx, _cache) {
       _createElementVNode(
         "div",
         {
-          class: _normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-block`), [_ctx.isDisabled, _ctx.n("--disabled")], [_ctx.errorMessage, _ctx.n(`${_ctx.direction}--error`)])),
           ref: "sliderEl",
+          class: _normalizeClass(_ctx.classes(_ctx.n(`${_ctx.direction}-block`), [_ctx.isDisabled, _ctx.n("--disabled")], [_ctx.errorMessage, _ctx.n(`${_ctx.direction}--error`)])),
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
         },
         [
@@ -68,8 +68,8 @@ function __render__(_ctx, _cache) {
             null,
             _renderList(_ctx.thumbList, (item) => {
               return _openBlock(), _createElementBlock("div", {
-                class: _normalizeClass(_ctx.n(`${_ctx.direction}-thumb`)),
                 key: item.enumValue,
+                class: _normalizeClass(_ctx.n(`${_ctx.direction}-thumb`)),
                 style: _normalizeStyle(_ctx.thumbStyle(item)),
                 tabindex: _ctx.isDisabled ? void 0 : "0",
                 role: "slider",
@@ -292,7 +292,7 @@ const __sfc__ = defineComponent({
       };
     }
     function validateWithTrigger() {
-      return nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
+      nextTick(() => vt(["onChange"], "onChange", props2.rules, props2.modelValue));
     }
     function getOffset(e) {
       const currentTarget = e.currentTarget;

package/es/slider/index.mjs

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

package/es/snackbar/Snackbar.mjs

@@ -1,6 +1,6 @@
-import VarSnackbarCore from "./core.mjs";
 import { defineComponent } from "vue";
 import { createNamespace, useTeleport } from "../utils/components.mjs";
+import VarSnackbarCore from "./core.mjs";
 import { props } from "./props.mjs";
 const { name, n } = createNamespace("snackbar");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createSlots as _createSlots, createVNode as _createVNode, Transition as _Transition, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock } from "vue";

package/es/snackbar/core.mjs

@@ -1,13 +1,13 @@
-import VarLoading from "../loading/index.mjs";
-import VarIcon from "../icon/index.mjs";
-import { defineComponent, watch, ref, computed } from "vue";
-import { useZIndex } from "../context/zIndex.mjs";
-import { props } from "./props.mjs";
+import { computed, defineComponent, ref, watch } from "vue";
+import { call } from "@varlet/shared";
+import { onSmartMounted } from "@varlet/use";
 import { useLock } from "../context/lock.mjs";
-import { SNACKBAR_TYPE } from "./index.mjs";
+import { useZIndex } from "../context/zIndex.mjs";
+import VarIcon from "../icon/index.mjs";
+import VarLoading from "../loading/index.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { onSmartMounted } from "@varlet/use";
-import { call } from "@varlet/shared";
+import { SNACKBAR_TYPE } from "./index.mjs";
+import { props } from "./props.mjs";
 const { n, classes } = createNamespace("snackbar");
 const ICON_TYPE_DICT = {
   success: "checkbox-marked-circle",

package/es/snackbar/index.mjs

@@ -14,14 +14,13 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import VarSnackbarCore from "./core.mjs";
-import VarSnackbar from "./Snackbar.mjs";
+import { reactive, TransitionGroup, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { call, isFunction, isPlainObject, isString, toNumber } from "@varlet/shared";
 import context from "../context/index.mjs";
-import { reactive, TransitionGroup } from "vue";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
-import { isFunction, isPlainObject, isString, toNumber, call } from "@varlet/shared";
+import VarSnackbarCore from "./core.mjs";
 import { props as snackbarProps } from "./props.mjs";
+import VarSnackbar from "./Snackbar.mjs";
 const SNACKBAR_TYPE = ["loading", "success", "warning", "info", "error"];
 let sid = 0;
 let isMount = false;
@@ -208,9 +207,11 @@ function updateUniqOption(reactiveSnackOptions, _update) {
   firstOption._update = _update;
 }
 function getTop(position = "top") {
-  if (position === "bottom") return {
-    top: "85%"
-  };
+  if (position === "bottom") {
+    return {
+      top: "85%"
+    };
+  }
   return {
     top: position === "top" ? "5%" : "45%"
   };

package/es/snackbar/props.mjs

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineListenerProp, pickProps } from "../utils/components.mjs";
 import { loadingProps } from "../loading/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
 const props = {
   type: String,
   position: {

package/es/space/Space.mjs

@@ -1,9 +1,9 @@
 import { defineComponent, createVNode as _createVNode } from "vue";
-import { props } from "./props.mjs";
-import { isArray, call } from "@varlet/shared";
+import { call, isArray } from "@varlet/shared";
 import { createNamespace, flatFragment } from "../utils/components.mjs";
 import { padStartFlex, toSizeUnit } from "../utils/elements.mjs";
 import { computeMargin } from "./margin.mjs";
+import { props } from "./props.mjs";
 
 
 const isInternalSize = (size) => ["mini", "small", "normal", "large"].includes(size);

package/es/space/index.mjs

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

package/es/step/Step.mjs

@@ -1,9 +1,9 @@
-import VarIcon from "../icon/index.mjs";
 import { computed, defineComponent } from "vue";
-import { props } from "./props.mjs";
-import { useSteps } from "./provide.mjs";
 import { toNumber } from "@varlet/shared";
+import VarIcon from "../icon/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { useSteps } from "./provide.mjs";
 const { name, n, classes } = createNamespace("step");
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementBlock as _createElementBlock, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderSlot as _renderSlot } from "vue";
 const _hoisted_1 = { key: 3 };

package/es/step/index.mjs

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

package/es/step/provide.mjs

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

package/es/steps/Steps.mjs

@@ -1,8 +1,8 @@
 import { computed, defineComponent } from "vue";
-import { useStep } from "./provide.mjs";
-import { props } from "./props.mjs";
-import { createNamespace } from "../utils/components.mjs";
 import { call } from "@varlet/shared";
+import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { useStep } from "./provide.mjs";
 const { name, n } = createNamespace("steps");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/steps/index.mjs

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

package/es/sticky/Sticky.mjs

@@ -18,20 +18,20 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, computed, watch } from "vue";
-import { props } from "./props.mjs";
-import { getParentScroller, toPxNum } from "../utils/elements.mjs";
-import { toNumber, raf, doubleRaf, getRect, call } from "@varlet/shared";
+import { computed, defineComponent, ref, watch } from "vue";
+import { call, doubleRaf, getRect, raf, toNumber } from "@varlet/shared";
+import { onSmartMounted, onSmartUnmounted, onWindowResize, useEventListener } from "@varlet/use";
 import { createNamespace } from "../utils/components.mjs";
-import { useEventListener, onSmartMounted, onWindowResize, onSmartUnmounted } from "@varlet/use";
+import { getParentScroller, toPxNum } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("sticky");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.enableCSSMode, _ctx.n("--css-mode")])),
       ref: "stickyEl",
+      class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.enableCSSMode, _ctx.n("--css-mode")])),
       style: _normalizeStyle({
         zIndex: _ctx.toNumber(_ctx.zIndex),
         top: _ctx.enableCSSMode ? `${_ctx.offsetTop}px` : void 0,
@@ -43,8 +43,8 @@ function __render__(_ctx, _cache) {
       _createElementVNode(
         "div",
         {
-          class: _normalizeClass(_ctx.n("wrapper")),
           ref: "wrapperEl",
+          class: _normalizeClass(_ctx.n("wrapper")),
           style: _normalizeStyle({
             zIndex: _ctx.toNumber(_ctx.zIndex),
             position: _ctx.enableFixedMode ? "fixed" : void 0,

package/es/sticky/index.mjs

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

package/es/style-provider/StyleProvider.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, h } from "vue";
-import { formatStyleVars } from "../utils/elements.mjs";
+import { call } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
+import { formatStyleVars } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
-import { call } from "@varlet/shared";
 const { name, n } = createNamespace("style-provider");
 const __sfc__ = defineComponent({
   name,

package/es/style-provider/index.mjs

@@ -1,7 +1,7 @@
-import VarStyleProvider from "./StyleProvider.mjs";
-import { formatStyleVars } from "../utils/elements.mjs";
 import { withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
+import { formatStyleVars } from "../utils/elements.mjs";
 import { props as styleProviderProps } from "./props.mjs";
+import VarStyleProvider from "./StyleProvider.mjs";
 const styleId = "varlet-style-vars";
 function removeStyle() {
   const style = document.head.querySelector(`#${styleId}`);

package/es/swipe/Swipe.mjs

@@ -18,17 +18,17 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { computed, defineComponent, onActivated, ref, watch } from "vue";
+import { call, clamp, doubleRaf, isNumber, preventDefault, toNumber } from "@varlet/shared";
+import { onSmartUnmounted, onWindowResize, useEventListener, useTouch } from "@varlet/use";
 import VarButton from "../button/index.mjs";
-import VarIcon from "../icon/index.mjs";
 import Hover from "../hover/index.mjs";
-import { defineComponent, ref, computed, watch, onActivated } from "vue";
-import { useSwipeItems, useSwipeResizeListeners } from "./provide.mjs";
-import { props } from "./props.mjs";
-import { clamp, isNumber, toNumber, doubleRaf, preventDefault, call } from "@varlet/shared";
-import { createNamespace } from "../utils/components.mjs";
-import { onSmartUnmounted, onWindowResize, useEventListener, useTouch } from "@varlet/use";
+import VarIcon from "../icon/index.mjs";
 import { usePopup } from "../popup/provide.mjs";
+import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
+import { useSwipeItems, useSwipeResizeListeners } from "./provide.mjs";
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
 const { name, n, classes } = createNamespace("swipe");
@@ -41,8 +41,8 @@ function __render__(_ctx, _cache) {
   return _withDirectives((_openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass(_ctx.n()),
-      ref: "swipeEl"
+      ref: "swipeEl",
+      class: _normalizeClass(_ctx.n())
     },
     [
       _createElementVNode(
@@ -173,11 +173,11 @@ function __render__(_ctx, _cache) {
               null,
               _renderList(_ctx.length, (l, idx) => {
                 return _openBlock(), _createElementBlock("div", {
+                  key: l,
                   class: _normalizeClass(
                     _ctx.classes(_ctx.n("indicator"), [_ctx.index === idx, _ctx.n("--indicator-active")], [_ctx.vertical, _ctx.n("--indicator-vertical")])
                   ),
                   style: _normalizeStyle({ background: _ctx.indicatorColor }),
-                  key: l,
                   onClick: ($event) => _ctx.to(idx)
                 }, null, 14, _hoisted_1);
               }),

package/es/swipe/index.mjs

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

package/es/swipe-item/SwipeItem.mjs

@@ -1,7 +1,7 @@
 import { computed, defineComponent, ref } from "vue";
-import { useSwipe } from "./provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
+import { useSwipe } from "./provide.mjs";
 const { name, n } = createNamespace("swipe-item");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["aria-hidden"];

package/es/swipe-item/index.mjs

@@ -1,5 +1,5 @@
-import SwipeItem from "./SwipeItem.mjs";
 import { withInstall } from "../utils/components.mjs";
+import SwipeItem from "./SwipeItem.mjs";
 withInstall(SwipeItem);
 const _SwipeItemComponent = SwipeItem;
 var stdin_default = SwipeItem;

package/es/swipe-item/provide.mjs

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

package/es/switch/Switch.mjs

@@ -1,14 +1,14 @@
+import { computed, defineComponent, nextTick, ref } from "vue";
+import { call, preventDefault } from "@varlet/shared";
+import { useEventListener } from "@varlet/use";
 import VarFormDetails from "../form-details/index.mjs";
-import Ripple from "../ripple/index.mjs";
+import { useForm } from "../form/provide.mjs";
 import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
-import { defineComponent, computed, nextTick, ref } from "vue";
-import { useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
+import Ripple from "../ripple/index.mjs";
+import { createNamespace, formatElevation, useValidation } from "../utils/components.mjs";
 import { multiplySizeUnit } from "../utils/elements.mjs";
-import { useForm } from "../form/provide.mjs";
 import { props } from "./props.mjs";
-import { call, preventDefault } from "@varlet/shared";
-import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("switch");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["aria-checked"];

package/es/switch/index.mjs

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

package/es/tab/Tab.mjs

@@ -1,9 +1,9 @@
+import { computed, defineComponent, ref, watch } from "vue";
+import { call } from "@varlet/shared";
 import Ripple from "../ripple/index.mjs";
-import { defineComponent, ref, computed, watch } from "vue";
-import { props } from "./props.mjs";
 import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
 import { useTabs } from "./provide.mjs";
-import { call } from "@varlet/shared";
 const { name, n, classes } = createNamespace("tab");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {
@@ -11,8 +11,8 @@ function __render__(_ctx, _cache) {
   return _withDirectives((_openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.computeColorClass(), _ctx.n(`--${_ctx.itemDirection}`))),
       ref: "tabEl",
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.n("$--box"), _ctx.computeColorClass(), _ctx.n(`--${_ctx.itemDirection}`))),
       style: _normalizeStyle({
         color: _ctx.computeColorStyle()
       }),