@varlet/ui 3.14.1 → 3.15.0-alpha.1776572752298

package/es/action-sheet/ActionSheet.mjs

@@ -1,6 +1,6 @@
-import { defineComponent } from "vue";
 import { call } from "@varlet/shared";
 import { useVModel } from "@varlet/use";
+import { defineComponent } from "vue";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
 import VarPopup from "../popup/index.mjs";

package/es/action-sheet/index.mjs

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

package/es/alert/Alert.mjs

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

package/es/app-bar/AppBar.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, onUpdated, ref } from "vue";
 import { getRect } from "@varlet/shared";
 import { onSmartMounted, onWindowResize } from "@varlet/use";
+import { computed, defineComponent, onUpdated, ref } from "vue";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/auto-complete/AutoComplete.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, isEmpty, preventDefault, raf, toNumber } from "@varlet/shared";
 import { useClickOutside, useEventListener, useVModel } 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 VarInput from "../input/index.mjs";

package/es/avatar/Avatar.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, onUpdated, ref } from "vue";
 import { call } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
+import { defineComponent, onUpdated, ref } from "vue";
 import Lazy from "../lazy/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";

package/es/back-top/BackTop.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, onActivated, onMounted, ref } from "vue";
 import { call, getScrollLeft, getScrollTop, throttle } from "@varlet/shared";
 import { onSmartUnmounted } from "@varlet/use";
+import { defineComponent, onActivated, onMounted, ref } from "vue";
 import VarButton from "../button/index.mjs";
 import VarIcon from "../icon/index.mjs";
 import { createNamespace } from "../utils/components.mjs";

package/es/badge/Badge.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-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 { toSizeUnit } from "../utils/elements.mjs";

package/es/bottom-navigation/BottomNavigation.mjs

@@ -14,9 +14,9 @@ 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 { computed, defineComponent, onUpdated, ref, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";

package/es/bottom-navigation/provide.mjs

@@ -1,5 +1,5 @@
 import { useChildren } from "@varlet/use";
-const BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY = Symbol(
+const BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY = /* @__PURE__ */ Symbol(
   "BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY"
 );
 function useBottomNavigationItems() {

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

@@ -1,5 +1,5 @@
-import { computed, defineComponent } from "vue";
 import { call } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import VarBadge from "../badge/index.mjs";
 import VarIcon from "../icon/index.mjs";
 import Ripple from "../ripple/index.mjs";

package/es/breadcrumb/Breadcrumb.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 { useBreadcrumb } from "./provide.mjs";

package/es/breadcrumbs/provide.mjs

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

package/es/button/Button.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, ref } from "vue";
 import { call, normalizeToArray } from "@varlet/shared";
+import { computed, defineComponent, ref } from "vue";
 import Hover from "../hover/index.mjs";
 import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import VarLoading from "../loading/index.mjs";
@@ -39,7 +39,7 @@ function __render__(_ctx, _cache) {
       background: _ctx.states.color
     }),
     type: _ctx.nativeType,
-    disabled: _ctx.disabled,
+    disabled: _ctx.disabled || _ctx.loading || _ctx.pending,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
     onTouchstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),

package/es/button-group/provide.mjs

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

package/es/card/Card.mjs

@@ -18,8 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { call, doubleRaf, getRect } from "@varlet/shared";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import { useLock } from "../context/lock.mjs";
 import { useZIndex } from "../context/zIndex.mjs";
@@ -286,7 +286,7 @@ const __sfc__ = defineComponent({
       clearTimeout(dropper);
       floater.value = null;
       floater.value = setTimeout(
-        () => __async(this, null, function* () {
+        () => __async(null, null, function* () {
           const { width, height, left, top } = getRect(card.value);
           holderWidth.value = toSizeUnit(width);
           holderHeight.value = toSizeUnit(height);

package/es/cell/Cell.mjs

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

package/es/checkbox/Checkbox.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/checkbox-group/CheckboxGroup.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, nextTick, watch } from "vue";
 import { call, isFunction, uniq } from "@varlet/shared";
+import { computed, defineComponent, nextTick, watch } from "vue";
 import VarCheckbox from "../checkbox/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";

package/es/checkbox-group/provide.mjs

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

package/es/chip/Chip.mjs

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

package/es/code/Code.mjs

@@ -44,7 +44,7 @@ const __sfc__ = defineComponent({
     if (highlighter) {
       watch(
         () => [highlighter.value, props2.code, props2.language, normalizedTheme.value, props2.trim],
-        (_0) => __async(this, [_0], function* ([highlighter2, code, lang = "", theme2 = "", trim]) {
+        (_0) => __async(null, [_0], function* ([highlighter2, code, lang = "", theme2 = "", trim]) {
           if (!highlighter2) {
             return;
           }

package/es/col/Col.mjs

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

package/es/collapse/Collapse.mjs

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

package/es/collapse/provide.mjs

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

package/es/collapse-transition/useCollapseTransition.mjs

@@ -18,8 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { nextTick, watch } from "vue";
 import { doubleRaf, raf } from "@varlet/shared";
+import { nextTick, watch } from "vue";
 function useCollapseTransition(options) {
   const { contentEl, showContent, expand } = options;
   let isInitToTrigger = true;
@@ -59,7 +59,7 @@ function useCollapseTransition(options) {
       }
     });
   }
-  const close = () => __async(this, null, function* () {
+  const close = () => __async(null, null, function* () {
     if (!contentEl.value) {
       return;
     }

package/es/context/stack.mjs

@@ -1,6 +1,6 @@
-import { getCurrentInstance, watch } from "vue";
 import { removeItem } from "@varlet/shared";
 import { onSmartMounted, onSmartUnmounted } from "@varlet/use";
+import { getCurrentInstance, watch } from "vue";
 const stack = [];
 function useStack(activeGetter, zIndex) {
   const { uid } = getCurrentInstance();

package/es/count-to/CountTo.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, onMounted, watch } from "vue";
 import { call, floor, toNumber } from "@varlet/shared";
 import { useMotion } from "@varlet/use";
+import { computed, defineComponent, onMounted, watch } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 const { name, n } = createNamespace("count-to");

package/es/countdown/Countdown.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, onActivated, onDeactivated, onMounted, onUnmounted, ref, watch } from "vue";
 import { call, cancelAnimationFrame, requestAnimationFrame, toNumber } from "@varlet/shared";
+import { defineComponent, onActivated, onDeactivated, onMounted, onUnmounted, ref, watch } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
 import { props } from "./props.mjs";

package/es/counter/Counter.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import { call, toNumber } from "@varlet/shared";
 import { Decimal } from "decimal.js";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
 import { useForm } from "../form/provide.mjs";

package/es/date-picker/DatePicker.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, error, isArray, toNumber } from "@varlet/shared";
 import dayjs from "dayjs/esm/index.js";
+import { computed, defineComponent, ref, watch } from "vue";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";

package/es/date-picker/src/day-picker-panel.mjs

@@ -14,6 +14,11 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { toNumber } from "@varlet/shared";
+import { onSmartMounted } from "@varlet/use";
+import dayjs from "dayjs/esm/index.js";
+import isSameOrAfter from "dayjs/esm/plugin/isSameOrAfter/index.js";
+import isSameOrBefore from "dayjs/esm/plugin/isSameOrBefore/index.js";
 import {
   computed,
   defineComponent,
@@ -21,11 +26,6 @@ import {
   ref,
   watch
 } from "vue";
-import { toNumber } from "@varlet/shared";
-import { onSmartMounted } from "@varlet/use";
-import dayjs from "dayjs/esm/index.js";
-import isSameOrAfter from "dayjs/esm/plugin/isSameOrAfter/index.js";
-import isSameOrBefore from "dayjs/esm/plugin/isSameOrBefore/index.js";
 import VarButton from "../../button/index.mjs";
 import { t } from "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";

package/es/date-picker/src/month-picker-panel.mjs

@@ -14,11 +14,11 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { computed, defineComponent, reactive, ref, watch } from "vue";
 import { toNumber } from "@varlet/shared";
 import dayjs from "dayjs/esm/index.js";
 import isSameOrAfter from "dayjs/esm/plugin/isSameOrAfter/index.js";
 import isSameOrBefore from "dayjs/esm/plugin/isSameOrBefore/index.js";
+import { computed, defineComponent, reactive, ref, watch } from "vue";
 import VarButton from "../../button/index.mjs";
 import { t } from "../../locale/index.mjs";
 import { injectLocaleProvider } from "../../locale-provider/provide.mjs";

package/es/date-picker/src/panel-header.mjs

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

package/es/date-picker/src/year-picker-panel.mjs

@@ -14,6 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+import { toNumber } from "@varlet/shared";
+import { onSmartMounted } from "@varlet/use";
+import dayjs from "dayjs/esm/index.js";
 import {
   computed,
   defineComponent,
@@ -21,9 +24,6 @@ import {
   ref,
   watch
 } from "vue";
-import { toNumber } from "@varlet/shared";
-import { onSmartMounted } from "@varlet/use";
-import dayjs from "dayjs/esm/index.js";
 import VarButton from "../../button/index.mjs";
 import VarSticky from "../../sticky/index.mjs";
 import { createNamespace } from "../../utils/components.mjs";

package/es/dialog/Dialog.mjs

@@ -14,9 +14,9 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { defineComponent, ref, watch } from "vue";
 import { call } from "@varlet/shared";
 import { useVModel } from "@varlet/use";
+import { defineComponent, ref, watch } from "vue";
 import VarButton from "../button/index.mjs";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";

package/es/dialog/index.mjs

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { nextTick, reactive } from "vue";
 import { call, inBrowser, isString } from "@varlet/shared";
+import { nextTick, reactive } from "vue";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 import VarDialog from "./Dialog.mjs";
 import { props as dialogProps } from "./props.mjs";

package/es/divider/Divider.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, onUpdated, ref } from "vue";
 import { isBoolean, toNumber } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
+import { computed, defineComponent, onUpdated, ref } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/drag/Drag.mjs

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, reactive, ref, watch } from "vue";
 import { call, clamp, getRect, preventDefault } from "@varlet/shared";
 import { onSmartMounted, onWindowResize, useTouch } from "@varlet/use";
+import { defineComponent, reactive, ref, watch } from "vue";
 import { createNamespace, useTeleport } from "../utils/components.mjs";
 import { toPxNum } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/ellipsis/Ellipsis.mjs

@@ -14,8 +14,8 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import { computed, defineComponent } from "vue";
 import { useVModel } from "@varlet/use";
+import { computed, defineComponent } from "vue";
 import VarTooltip from "../tooltip/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";

package/es/fab/Fab.mjs

@@ -1,6 +1,7 @@
-import { defineComponent, ref, Transition, watch, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, mergeProps as _mergeProps } from "vue";
+import { createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, mergeProps as _mergeProps } from "vue";
 import { call, isBoolean } from "@varlet/shared";
 import { useClickOutside, useVModel } from "@varlet/use";
+import { defineComponent, ref, Transition, watch } from "vue";
 import Button from "../button/index.mjs";
 import Drag from "../drag/index.mjs";
 import Icon from "../icon/index.mjs";

package/es/field-decorator/FieldDecorator.mjs

@@ -18,9 +18,9 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, nextTick, onUpdated, ref, watch } from "vue";
 import { call, doubleRaf, getStyle, isEmpty } from "@varlet/shared";
 import { onSmartMounted, onWindowResize } from "@varlet/use";
+import { computed, defineComponent, nextTick, onUpdated, ref, watch } from "vue";
 import VarIcon from "../icon/index.mjs";
 import { usePopup } from "../popup/provide.mjs";
 import { useSwipeResizeDispatcher } from "../swipe/provide.mjs";
@@ -114,7 +114,7 @@ function __render__(_ctx, _cache) {
               class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [!_ctx.hint, _ctx.n("--icon-non-hint")]))
             },
             [
-              _ctx.clearable && !_ctx.isEmpty(_ctx.value) ? _renderSlot(_ctx.$slots, "clear-icon", {
+              _ctx.clearable && !_ctx.isEmpty(_ctx.value) && !_ctx.readonly && !_ctx.formReadonly ? _renderSlot(_ctx.$slots, "clear-icon", {
                 key: 0,
                 clear: _ctx.handleClear
               }, () => [
@@ -257,7 +257,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/field-decorator/props.mjs

@@ -36,7 +36,9 @@ const props = {
   blurColor: String,
   isError: Boolean,
   formDisabled: Boolean,
+  formReadonly: Boolean,
   disabled: Boolean,
+  readonly: Boolean,
   clearable: Boolean,
   cursor: String,
   composing: Boolean,

package/es/floating-panel/FloatingPanel.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, ref, watch } from "vue";
 import { call, isEmpty, preventDefault, toNumber } from "@varlet/shared";
 import { useTouch, useVModel, useWindowSize } from "@varlet/use";
+import { computed, defineComponent, ref, watch } from "vue";
 import { useLock } from "../context/lock.mjs";
 import { createNamespace, formatElevation, useTeleport } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";

package/es/form/Form.mjs

@@ -18,8 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent } from "vue";
 import { call, find, preventDefault } from "@varlet/shared";
+import { computed, defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { getParentScroller, getTop, scrollTo, toPxNum } from "../utils/elements.mjs";
 import { linear } from "../utils/shared.mjs";

package/es/form/provide.mjs

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { getCurrentInstance } from "vue";
 import { useChildren, useParent } from "@varlet/use";
-const FORM_BIND_FORM_ITEM_KEY = Symbol("FORM_BIND_FORM_ITEM_KEY");
+import { getCurrentInstance } from "vue";
+const FORM_BIND_FORM_ITEM_KEY = /* @__PURE__ */ Symbol("FORM_BIND_FORM_ITEM_KEY");
 function useForm() {
   const { parentProvider, index, bindParent } = useParent(FORM_BIND_FORM_ITEM_KEY);
   const instance = getCurrentInstance();

package/es/highlighter-provider/HighlighterProvider.mjs

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

package/es/highlighter-provider/provide.mjs

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

package/es/hover-overlay/HoverOverlay.mjs

@@ -1,5 +1,5 @@
-import { defineComponent } from "vue";
 import { inMobile } from "@varlet/shared";
+import { defineComponent } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("hover-overlay");

package/es/icon/Icon.mjs

@@ -18,8 +18,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { defineComponent, nextTick, ref, watch } from "vue";
 import { isURL, toNumber } from "@varlet/shared";
+import { defineComponent, nextTick, ref, watch } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";

package/es/image/Image.mjs

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

package/es/image-preview/ImagePreview.mjs

@@ -1,6 +1,6 @@
-import { computed, defineComponent, ref } from "vue";
 import { call, clamp, preventDefault, toNumber } from "@varlet/shared";
 import { useEventListener, useTouch, useVModel } from "@varlet/use";
+import { computed, defineComponent, ref } from "vue";
 import VarIcon from "../icon/index.mjs";
 import VarPopup from "../popup/index.mjs";
 import VarSwipe from "../swipe/index.mjs";

package/es/image-preview/index.mjs

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { nextTick, reactive } from "vue";
 import { call, inBrowser, isArray, isString } from "@varlet/shared";
+import { nextTick, reactive } from "vue";
 import { mountInstance, withInstall, withPropsDefaultsSetter } from "../utils/components.mjs";
 import VarImagePreview from "./ImagePreview.mjs";
 import { props as imagePreviewProps } from "./props.mjs";

package/es/index-bar/IndexBar.mjs

@@ -18,7 +18,6 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { computed, defineComponent, onActivated, onBeforeUnmount, onDeactivated, ref, watch } from "vue";
 import {
   call,
   doubleRaf,
@@ -30,6 +29,7 @@ import {
   toNumber
 } from "@varlet/shared";
 import { onSmartMounted } from "@varlet/use";
+import { computed, defineComponent, onActivated, onBeforeUnmount, onDeactivated, ref, watch } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { getParentScroller, toPxNum, scrollTo as varScrollTo } from "../utils/elements.mjs";
 import { easeInOutCubic } from "../utils/shared.mjs";
@@ -109,7 +109,7 @@ const __sfc__ = defineComponent({
     };
     watch(
       () => length.value,
-      () => __async(this, null, function* () {
+      () => __async(null, null, function* () {
         yield doubleRaf();
         anchorNameList.value = indexAnchors.filter(({ name: name2 }) => name2.value != null).map(({ name: name2 }) => name2.value);
       })

package/es/index-bar/provide.mjs

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