@varlet/ui 3.14.1 → 3.15.0-alpha.1776572752298

package/es/index.bundle.mjs

@@ -283,7 +283,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.14.1'
+const version = '3.15.0-alpha.1776572752298'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -188,7 +188,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.14.1'
+const version = '3.15.0-alpha.1776572752298'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/input/Input.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, nextTick, ref } from "vue";
 import { call, isEmpty, preventDefault, toNumber } from "@varlet/shared";
 import { onSmartMounted, useClientId } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref } from "vue";
 import VarFieldDecorator from "../field-decorator/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
@@ -38,7 +38,9 @@ function __render__(_ctx, _cache) {
           isFocusing: _ctx.isForceFocusingEffect != null ? _ctx.isForceFocusingEffect : _ctx.isFocusing,
           isError: _ctx.isForceErrorEffect != null ? _ctx.isForceErrorEffect : !!_ctx.errorMessage,
           formDisabled: _ctx.formDisabled,
+          formReadonly: _ctx.formReadonly,
           disabled: _ctx.disabled,
+          readonly: _ctx.readonly,
           clearable: _ctx.clearable,
           cursor: _ctx.cursor,
           composing: _ctx.isComposing,

package/es/link/Link.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, ref } from "vue";
 import { call, inMobile } from "@varlet/shared";
+import { computed, defineComponent, ref } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/list/List.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, nextTick, ref, watch } from "vue";
 import { call, getRect, isNumber } from "@varlet/shared";
 import { onSmartMounted, onSmartUnmounted } from "@varlet/use";
+import { defineComponent, nextTick, ref, watch } from "vue";
 import VarLoading from "../loading/index.mjs";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";

package/es/loading/Loading.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent } from "vue";
 import { call } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { multiplySizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/locale/index.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { ref } from "vue";
 import { hasOwn } from "@varlet/shared";
+import { ref } from "vue";
 import enUS from "./en-US.mjs";
 import faIR from "./fa-IR.mjs";
 import jaJP from "./ja-JP.mjs";

package/es/locale-provider/LocaleProvider.mjs

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { computed, defineComponent, h } from "vue";
 import { call, hasOwn } from "@varlet/shared";
+import { computed, defineComponent, h } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { provideLocaleProvider } from "./provide.mjs";

package/es/locale-provider/provide.mjs

@@ -1,6 +1,6 @@
-import { inject, provide } from "vue";
 import { keyInProvides } from "@varlet/use";
-const LOCALE_PROVIDER_KEY = Symbol("LOCALE_PROVIDER_KEY");
+import { inject, provide } from "vue";
+const LOCALE_PROVIDER_KEY = /* @__PURE__ */ Symbol("LOCALE_PROVIDER_KEY");
 function provideLocaleProvider(localeProvider) {
   provide(LOCALE_PROVIDER_KEY, localeProvider);
 }

package/es/menu/usePopover.mjs

@@ -37,13 +37,13 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { onMounted, onUnmounted, ref, watch } from "vue";
 import computeStyles from "@popperjs/core/lib/modifiers/computeStyles.js";
 import flip from "@popperjs/core/lib/modifiers/flip.js";
 import offset from "@popperjs/core/lib/modifiers/offset.js";
 import { createPopper } from "@popperjs/core/lib/popper-lite.js";
 import { call, doubleRaf, getStyle, isString, preventDefault } from "@varlet/shared";
 import { onWindowResize, useEventListener, useVModel } from "@varlet/use";
+import { onMounted, onUnmounted, ref, watch } from "vue";
 import { useStack } from "../context/stack.mjs";
 import { useZIndex } from "../context/zIndex.mjs";
 import { toPxNum } from "../utils/elements.mjs";

package/es/menu-option/MenuOption.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { call, isBoolean, isFunction, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarCheckbox from "../checkbox/index.mjs";
 import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";

package/es/menu-select/MenuChildren.mjs

@@ -34,8 +34,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, ref, watch } from "vue";
 import { call, raf } from "@varlet/shared";
+import { defineComponent, ref, watch } from "vue";
 import VarMenuOption from "../menu-option/MenuOption.mjs";
 import VarMenu from "../menu/Menu.mjs";
 import { createNamespace, defineListenerProp, pickProps } from "../utils/components.mjs";

package/es/menu-select/MenuSelect.mjs

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { computed, defineComponent, ref } from "vue";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener, useVModel } from "@varlet/use";
+import { computed, defineComponent, ref } from "vue";
 import VarMenu from "../menu/index.mjs";
 import VarMenuOption from "../menu-option/index.mjs";
 import { useSelectController } from "../select/useSelectController.mjs";

package/es/menu-select/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const MENU_SELECT_BIND_MENU_OPTION_KEY = Symbol("MENU_SELECT_BIND_MENU_OPTION_KEY");
+const MENU_SELECT_BIND_MENU_OPTION_KEY = /* @__PURE__ */ Symbol("MENU_SELECT_BIND_MENU_OPTION_KEY");
 function useMenuOptions() {
   const { length, childProviders, bindChildren } = useChildren(
     MENU_SELECT_BIND_MENU_OPTION_KEY

package/es/option/Option.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, ref, watch } from "vue";
 import { isFunction, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
+import { computed, defineComponent, ref, watch } from "vue";
 import VarCheckbox from "../checkbox/index.mjs";
 import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";

package/es/overlay/Overlay.mjs

@@ -1,6 +1,7 @@
-import { defineComponent, Teleport, Transition, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
+import { defineComponent, Teleport, Transition } from "vue";
 import { useLock } from "../context/lock.mjs";
 import { useStack } from "../context/stack.mjs";
 import { useZIndex } from "../context/zIndex.mjs";

package/es/pagination/Pagination.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, ref, watch } from "vue";
 import { call, isNumber, toNumber } from "@varlet/shared";
+import { computed, defineComponent, ref, watch } from "vue";
 import VarIcon from "../icon/index.mjs";
 import VarInput from "../input/index.mjs";
 import { t } from "../locale/index.mjs";

package/es/paper/Paper.mjs

@@ -1,5 +1,5 @@
-import { defineComponent } from "vue";
 import { call } from "@varlet/shared";
+import { defineComponent } from "vue";
 import Ripple from "../ripple/index.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";

package/es/picker/Picker.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, ref, Transition, watch } from "vue";
 import { call, clamp, clampArrayRange, toNumber } from "@varlet/shared";
 import { useTouch, useVModel } from "@varlet/use";
+import { computed, defineComponent, ref, Transition, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";

package/es/picker/index.mjs

@@ -1,5 +1,5 @@
-import { nextTick, reactive } from "vue";
 import { call, isArray } from "@varlet/shared";
+import { nextTick, reactive } from "vue";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 import VarPicker from "./Picker.mjs";
 import { props as pickerProps } from "./props.mjs";

package/es/popup/Popup.mjs

@@ -14,9 +14,10 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { computed, defineComponent, Teleport, Transition, watch, createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
+import { createVNode as _createVNode, vShow as _vShow, mergeProps as _mergeProps, withDirectives as _withDirectives } from "vue";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener, useInitialized } from "@varlet/use";
+import { computed, defineComponent, Teleport, Transition, watch } from "vue";
 import { useLock } from "../context/lock.mjs";
 import { useStack } from "../context/stack.mjs";
 import { useZIndex } from "../context/zIndex.mjs";

package/es/popup/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren, useParent } from "@varlet/use";
-const POPUP_BIND_POPUP_ITEM_KEY = Symbol("POPUP_BIND_POPUP_ITEM_KEY");
+const POPUP_BIND_POPUP_ITEM_KEY = /* @__PURE__ */ Symbol("POPUP_BIND_POPUP_ITEM_KEY");
 function usePopup() {
   const { bindParent, parentProvider, index } = useParent(POPUP_BIND_POPUP_ITEM_KEY);
   return {

package/es/progress/Progress.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent } from "vue";
 import { clamp, isPlainObject, toNumber } from "@varlet/shared";
 import { useClientId } from "@varlet/use";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toPxNum, toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/pull-refresh/PullRefresh.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { call, getRect, getScrollTop, isNumber, isString, preventDefault, toNumber } from "@varlet/shared";
 import { onSmartMounted, useEventListener, useTouch } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarIcon from "../icon/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { getParentScroller, getTarget } from "../utils/elements.mjs";

package/es/radio/Radio.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, nextTick, ref } from "vue";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener, useVModel } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref } from "vue";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
 import Hover from "../hover/index.mjs";

package/es/radio-group/RadioGroup.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { call, isFunction, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
 import VarRadio from "../radio/index.mjs";

package/es/radio-group/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const RADIO_GROUP_BIND_RADIO_KEY = Symbol("RADIO_GROUP_BIND_RADIO_KEY");
+const RADIO_GROUP_BIND_RADIO_KEY = /* @__PURE__ */ Symbol("RADIO_GROUP_BIND_RADIO_KEY");
 function useRadios() {
   const { bindChildren, childProviders, length } = useChildren(
     RADIO_GROUP_BIND_RADIO_KEY

package/es/rate/Rate.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, nextTick, ref } from "vue";
 import { call, toNumber } from "@varlet/shared";
+import { defineComponent, nextTick, ref } from "vue";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
 import Hover from "../hover/index.mjs";

package/es/row/Row.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent } from "vue";
 import { call, isArray } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { padStartFlex, toPxNum } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/row/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const ROW_BIND_COL_KEY = Symbol("ROW_BIND_COL_KEY");
+const ROW_BIND_COL_KEY = /* @__PURE__ */ Symbol("ROW_BIND_COL_KEY");
 function useCols() {
   const { length, childProviders: cols, bindChildren } = useChildren(ROW_BIND_COL_KEY);
   return {

package/es/select/Select.mjs

@@ -37,9 +37,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-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 { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarChip from "../chip/index.mjs";
 import VarFieldDecorator from "../field-decorator/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
@@ -150,7 +150,9 @@ function __render__(_ctx, _cache) {
             isError: !!_ctx.errorMessage,
             formDisabled: _ctx.formDisabled,
             composing: _ctx.isComposing,
+            formReadonly: _ctx.formReadonly,
             disabled: _ctx.disabled,
+            readonly: _ctx.readonly,
             clearable: _ctx.clearable ? !_ctx.filterable || !_ctx.pattern : false,
             cursor: _ctx.cursor,
             onClick: _ctx.handleClick,
@@ -456,7 +458,7 @@ const __sfc__ = defineComponent({
       showMenu: computed(() => showMenu.value),
       multiple,
       filterable,
-      filter: (_a = props2.filter) != null ? _a : (pattern2, option) => String(option[props2.labelKey]).toLocaleLowerCase().includes(pattern2.toLocaleLowerCase()),
+      filter: (_a = props2.filter) != null ? _a : ((pattern2, option) => String(option[props2.labelKey]).toLocaleLowerCase().includes(pattern2.toLocaleLowerCase())),
       focusColor,
       computeLabel,
       onSelect,

package/es/select/SelectFilter.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, ref } from "vue";
 import { call } from "@varlet/shared";
+import { computed, defineComponent, ref } from "vue";
 import { createNamespace, defineListenerProp } from "../utils/components.mjs";
 const { n, classes } = createNamespace("select");
 import { vModelText as _vModelText, normalizeClass as _normalizeClass, withDirectives as _withDirectives, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";

package/es/select/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const SELECT_BIND_OPTION_KEY = Symbol("SELECT_BIND_OPTION_KEY");
+const SELECT_BIND_OPTION_KEY = /* @__PURE__ */ Symbol("SELECT_BIND_OPTION_KEY");
 function useOptions() {
   const { length, childProviders, bindChildren } = useChildren(SELECT_BIND_OPTION_KEY);
   return {

package/es/select/useOptionsMutationObserver.mjs

@@ -18,15 +18,15 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { nextTick, ref, watch } from "vue";
 import { getStyle } from "@varlet/shared";
 import { onSmartUnmounted } from "@varlet/use";
+import { nextTick, ref, watch } from "vue";
 function useOptionsMutationObserver(container, showContainer, options) {
   const showEmpty = ref(false);
   let observer = null;
   watch(
     () => showContainer.value,
-    () => __async(this, null, function* () {
+    () => __async(null, null, function* () {
       disconnectObserver();
       if (!showContainer.value) {
         return;
@@ -49,7 +49,7 @@ function useOptionsMutationObserver(container, showContainer, options) {
     if (!container.value) {
       return;
     }
-    observer = new MutationObserver(() => __async(this, null, function* () {
+    observer = new MutationObserver(() => __async(null, null, function* () {
       yield nextTick();
       handler();
     }));

package/es/select/useSelectController.mjs

@@ -1,5 +1,5 @@
-import { ref, watch } from "vue";
 import { isEmpty } from "@varlet/shared";
+import { ref, watch } from "vue";
 function useSelectController(options) {
   const {
     multiple: multipleGetter,

package/es/signature/Signature.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, onMounted, ref } from "vue";
 import { call, getRect, getStyle, toNumber } from "@varlet/shared";
 import { onWindowResize, useEventListener } from "@varlet/use";
+import { defineComponent, onMounted, ref } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 const { name, n } = createNamespace("signature");

package/es/skeleton/Skeleton.mjs

@@ -1,5 +1,5 @@
-import { defineComponent } from "vue";
 import { toNumber } from "@varlet/shared";
+import { defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/slider/Slider.mjs

@@ -1,6 +1,6 @@
-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 { computed, defineComponent, nextTick, onBeforeUnmount, reactive, ref, watch } from "vue";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
 import Hover from "../hover/index.mjs";

package/es/snackbar/core.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, ref, watch } from "vue";
 import { call } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
+import { computed, defineComponent, ref, watch } from "vue";
 import { useLock } from "../context/lock.mjs";
 import { useZIndex } from "../context/zIndex.mjs";
 import VarIcon from "../icon/index.mjs";

package/es/snackbar/index.mjs

@@ -14,8 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { reactive, TransitionGroup, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { call, isFunction, isPlainObject, isString, toNumber } from "@varlet/shared";
+import { reactive, TransitionGroup } from "vue";
 import context from "../context/index.mjs";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 import VarSnackbarCore from "./core.mjs";

package/es/snackbar/snackbar.css

@@ -1 +1 @@
-:root { --snackbar-width: 256px; --snackbar-color: rgba(255, 255, 255, 0.87); --snackbar-border-radius: 4px; --snackbar-background: #333; --snackbar-font-size: var(--font-size-md); --snackbar-margin: 6px 24px; --snackbar-border-color: currentColor; --snackbar-success-background: var(--color-success); --snackbar-info-background: var(--color-info); --snackbar-error-background: var(--color-danger); --snackbar-warning-background: var(--color-warning); --snackbar-content-padding: 14px 16px; --snackbar-action-margin: 0 8px; --snackbar-vertical-action-margin: 0 8px 8px 0; --snackbar-icon-margin: 0 8px;}.var-transition-group { position: fixed; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;}.var-pointer-auto { pointer-events: auto;}.var-snackbar { display: flex; justify-content: center; align-items: baseline; left: 0; right: 0; bottom: 0; transition: all 0.15s var(--cubic-bezier);}.var-snackbar__transition { top: 0; position: fixed;}.var-snackbar__transition .var-snackbar__wrapper { position: absolute;}.var-snackbar__transition .var-snackbar__wrapper-top { top: 5%;}.var-snackbar__transition .var-snackbar__wrapper-center { top: 45%;}.var-snackbar__transition .var-snackbar__wrapper-bottom { bottom: 5%;}.var-snackbar__wrapper { width: var(--snackbar-width); display: flex; border-radius: var(--snackbar-border-radius); color: var(--snackbar-color); background: var(--snackbar-background); font-size: var(--snackbar-font-size); margin: var(--snackbar-margin); align-items: center; border-color: var(--snackbar-border-color); pointer-events: auto; transition: 0.3s var(--cubic-bezier);}.var-snackbar__wrapper-success { background: var(--snackbar-success-background);}.var-snackbar__wrapper-info { background: var(--snackbar-info-background);}.var-snackbar__wrapper-warning { background: var(--snackbar-warning-background);}.var-snackbar__wrapper-error { background: var(--snackbar-error-background);}.var-snackbar__icon { margin: var(--snackbar-icon-margin);}.var-snackbar__content { flex-grow: 1; padding: var(--snackbar-content-padding);}.var-snackbar__action { margin: var(--snackbar-action-margin); display: flex;}.var-snackbar__vertical { flex-direction: column; align-items: flex-start;}.var-snackbar__vertical .var-snackbar__action { align-self: flex-end; margin: var(--snackbar-vertical-action-margin);}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to { opacity: 0; transform: translateY(-30px);}
+:root { --snackbar-width: 256px; --snackbar-color: rgba(255, 255, 255, 0.87); --snackbar-border-radius: 4px; --snackbar-background: #333; --snackbar-font-size: var(--font-size-md); --snackbar-margin: 6px 24px; --snackbar-border-color: currentColor; --snackbar-success-background: var(--color-success); --snackbar-info-background: var(--color-info); --snackbar-error-background: var(--color-danger); --snackbar-warning-background: var(--color-warning); --snackbar-content-padding: 14px 16px; --snackbar-action-margin: 0 8px; --snackbar-vertical-action-margin: 0 8px 8px 0; --snackbar-icon-margin: 0 8px;}.var-transition-group { position: fixed; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none;}.var-pointer-auto { pointer-events: auto;}.var-snackbar { display: flex; justify-content: center; align-items: baseline; left: 0; right: 0; bottom: 0; transition: all 0.15s var(--cubic-bezier);}.var-snackbar__transition { top: 0; position: fixed;}.var-snackbar__transition .var-snackbar__wrapper { position: absolute;}.var-snackbar__transition .var-snackbar__wrapper-top { top: 5%;}.var-snackbar__transition .var-snackbar__wrapper-center { top: 45%;}.var-snackbar__transition .var-snackbar__wrapper-bottom { bottom: 5%;}.var-snackbar__wrapper { width: var(--snackbar-width); display: flex; border-radius: var(--snackbar-border-radius); color: var(--snackbar-color); background: var(--snackbar-background); font-size: var(--snackbar-font-size); margin: var(--snackbar-margin); align-items: center; border-color: var(--snackbar-border-color); pointer-events: auto; transition: 0.3s var(--cubic-bezier);}.var-snackbar__wrapper-success { background: var(--snackbar-success-background);}.var-snackbar__wrapper-info { background: var(--snackbar-info-background);}.var-snackbar__wrapper-warning { background: var(--snackbar-warning-background);}.var-snackbar__wrapper-error { background: var(--snackbar-error-background);}.var-snackbar__icon { margin: var(--snackbar-icon-margin);}.var-snackbar__content { flex-grow: 1; word-break: break-all; padding: var(--snackbar-content-padding);}.var-snackbar__action { margin: var(--snackbar-action-margin); display: flex;}.var-snackbar__vertical { flex-direction: column; align-items: flex-start;}.var-snackbar__vertical .var-snackbar__action { align-self: flex-end; margin: var(--snackbar-vertical-action-margin);}.var-snackbar-fade-enter-from,.var-snackbar-fade-leave-to { opacity: 0; transform: translateY(-30px);}

package/es/space/Space.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
 import { call, isArray } from "@varlet/shared";
+import { defineComponent } from "vue";
 import { createNamespace, flatFragment } from "../utils/components.mjs";
 import { padStartFlex, toSizeUnit } from "../utils/elements.mjs";
 import { computeMargin } from "./margin.mjs";

package/es/step/Step.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent } from "vue";
 import { toNumber } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import VarIcon from "../icon/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";

package/es/steps/Steps.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent } from "vue";
 import { call } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useStep } from "./provide.mjs";

package/es/steps/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
+const STEPS_BIND_STEP_KEY = /* @__PURE__ */ Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
   const { bindChildren, childProviders } = useChildren(STEPS_BIND_STEP_KEY);
   return {

package/es/sticky/Sticky.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-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 { computed, defineComponent, ref, watch } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { getParentScroller, toPxNum } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
@@ -83,7 +83,7 @@ const __sfc__ = defineComponent({
     const offsetTop = computed(() => toPxNum(props2.offsetTop));
     let scroller;
     watch(() => props2.disabled, resize);
-    onSmartMounted(() => __async(this, null, function* () {
+    onSmartMounted(() => __async(null, null, function* () {
       yield doubleRaf();
       setupScroller();
       handleScroll();

package/es/style-provider/StyleProvider.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, h } from "vue";
 import { call } from "@varlet/shared";
+import { defineComponent, h } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { formatStyleVars } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/swipe/Swipe.mjs

@@ -18,9 +18,9 @@ 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 { computed, defineComponent, onActivated, ref, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import Hover from "../hover/index.mjs";
 import VarIcon from "../icon/index.mjs";
@@ -241,7 +241,7 @@ const __sfc__ = defineComponent({
     call(bindSwipeResizeListeners, null);
     watch(
       () => length.value,
-      () => __async(this, null, function* () {
+      () => __async(null, null, function* () {
         yield doubleRaf();
         initialIndex();
         resize();
@@ -250,7 +250,7 @@ const __sfc__ = defineComponent({
     if (popup) {
       watch(
         () => popup.show.value,
-        (show) => __async(this, null, function* () {
+        (show) => __async(null, null, function* () {
           if (show) {
             yield doubleRaf();
             resize();

package/es/swipe/provide.mjs

@@ -1,6 +1,6 @@
 import { useChildren, useParent } from "@varlet/use";
-const SWIPE_BIND_SWIPE_ITEM_KEY = Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
-const SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY = Symbol(
+const SWIPE_BIND_SWIPE_ITEM_KEY = /* @__PURE__ */ Symbol("SWIPE_BIND_SWIPE_ITEM_KEY");
+const SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY = /* @__PURE__ */ Symbol(
   "SWIPE_RESIZE_DISPATCHER_BIND_SWIPE_RESIZE_LISTENER_KEY"
 );
 function useSwipeItems() {

package/es/switch/Switch.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, nextTick, ref } from "vue";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
+import { computed, defineComponent, nextTick, ref } from "vue";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";
 import Hover from "../hover/index.mjs";

package/es/tab/Tab.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, ref, watch } from "vue";
 import { call } from "@varlet/shared";
+import { computed, defineComponent, ref, watch } from "vue";
 import Ripple from "../ripple/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";

package/es/tab-item/provide.mjs

@@ -1,7 +1,7 @@
 import { assert } from "@varlet/shared";
 import { useChildren, useParent } from "@varlet/use";
 import { TABS_ITEMS_BIND_TAB_ITEM_KEY } from "../tabs-items/provide.mjs";
-const TAB_ITEM_BIND_LIST_KEY = Symbol("TAB_ITEM_BIND_LIST_KEY");
+const TAB_ITEM_BIND_LIST_KEY = /* @__PURE__ */ Symbol("TAB_ITEM_BIND_LIST_KEY");
 function useTabsItems() {
   const { parentProvider, bindParent, index } = useParent(
     TABS_ITEMS_BIND_TAB_ITEM_KEY

package/es/tabs/Tabs.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, onActivated, ref, Transition, watch } from "vue";
 import { call, clamp, doubleRaf, isNumber } from "@varlet/shared";
 import { onWindowResize } from "@varlet/use";
+import { computed, defineComponent, onActivated, ref, Transition, watch } from "vue";
 import VarSticky from "../sticky/index.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { scrollTo, toSizeUnit } from "../utils/elements.mjs";
@@ -136,7 +136,7 @@ const __sfc__ = defineComponent({
     bindTabList(tabsProvider);
     watch(
       () => length.value,
-      () => __async(this, null, function* () {
+      () => __async(null, null, function* () {
         yield doubleRaf();
         resize();
       })

package/es/tabs/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const TABS_BIND_TAB_KEY = Symbol("TABS_BIND_TAB_KEY");
+const TABS_BIND_TAB_KEY = /* @__PURE__ */ Symbol("TABS_BIND_TAB_KEY");
 function useTabList() {
   const { childProviders, bindChildren, length } = useChildren(TABS_BIND_TAB_KEY);
   return {