@varlet/ui 3.8.2 → 3.9.0-alpha.1736270797421

package/es/card/Card.mjs

@@ -18,16 +18,16 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import Ripple from "../ripple/index.mjs";
-import VarIcon from "../icon/index.mjs";
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
+import { call, doubleRaf, getRect } from "@varlet/shared";
 import VarButton from "../button/index.mjs";
-import { ref, defineComponent, watch, computed, nextTick } from "vue";
-import { props } from "./props.mjs";
-import { toSizeUnit } from "../utils/elements.mjs";
-import { doubleRaf, getRect, call } from "@varlet/shared";
-import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { useZIndex } from "../context/zIndex.mjs";
 import { useLock } from "../context/lock.mjs";
+import { useZIndex } from "../context/zIndex.mjs";
+import VarIcon from "../icon/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("card");
 const RIPPLE_DELAY = 500;
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, withCtx as _withCtx, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
@@ -272,7 +272,9 @@ const __sfc__ = defineComponent({
     watch(
       () => props2.floating,
       (value) => {
-        if (isRow.value) return;
+        if (isRow.value) {
+          return;
+        }
         nextTick(() => {
           value ? floating() : dropdown();
         });
@@ -280,36 +282,34 @@ const __sfc__ = defineComponent({
       { immediate: true }
     );
     function floating() {
-      return __async(this, null, function* () {
-        clearTimeout(floater.value);
-        clearTimeout(dropper);
-        floater.value = null;
-        floater.value = setTimeout(
-          () => __async(this, null, function* () {
-            const { width, height, left, top } = getRect(card.value);
-            holderWidth.value = toSizeUnit(width);
-            holderHeight.value = toSizeUnit(height);
-            floaterWidth.value = holderWidth.value;
-            floaterHeight.value = holderHeight.value;
-            floaterTop.value = toSizeUnit(top);
-            floaterLeft.value = toSizeUnit(left);
-            floaterPosition.value = "fixed";
-            dropdownFloaterTop = floaterTop.value;
-            dropdownFloaterLeft = floaterLeft.value;
-            showFloatingButtons.value = true;
-            yield doubleRaf();
-            floaterTop.value = "0";
-            floaterLeft.value = "0";
-            floaterWidth.value = "100vw";
-            floaterHeight.value = "100vh";
-            contentHeight.value = "auto";
-            opacity.value = "1";
-            floaterOverflow.value = "auto";
-            floated.value = true;
-          }),
-          props2.ripple ? RIPPLE_DELAY : 0
-        );
-      });
+      clearTimeout(floater.value);
+      clearTimeout(dropper);
+      floater.value = null;
+      floater.value = setTimeout(
+        () => __async(this, null, function* () {
+          const { width, height, left, top } = getRect(card.value);
+          holderWidth.value = toSizeUnit(width);
+          holderHeight.value = toSizeUnit(height);
+          floaterWidth.value = holderWidth.value;
+          floaterHeight.value = holderHeight.value;
+          floaterTop.value = toSizeUnit(top);
+          floaterLeft.value = toSizeUnit(left);
+          floaterPosition.value = "fixed";
+          dropdownFloaterTop = floaterTop.value;
+          dropdownFloaterLeft = floaterLeft.value;
+          showFloatingButtons.value = true;
+          yield doubleRaf();
+          floaterTop.value = "0";
+          floaterLeft.value = "0";
+          floaterWidth.value = "100vw";
+          floaterHeight.value = "100vh";
+          contentHeight.value = "auto";
+          opacity.value = "1";
+          floaterOverflow.value = "auto";
+          floated.value = true;
+        }),
+        props2.ripple ? RIPPLE_DELAY : 0
+      );
     }
     function dropdown() {
       clearTimeout(dropper);

package/es/card/index.mjs

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

package/es/cell/Cell.mjs

@@ -1,10 +1,10 @@
+import { computed, defineComponent } from "vue";
+import { call } from "@varlet/shared";
 import VarIcon from "../icon/index.mjs";
 import Ripple from "../ripple/index.mjs";
-import { computed, defineComponent } from "vue";
-import { props } from "./props.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
-import { call } from "@varlet/shared";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("cell");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 function __render__(_ctx, _cache) {

package/es/cell/index.mjs

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

package/es/cell/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 = {
   title: String,
   icon: pickProps(iconProps, "name"),

package/es/checkbox/Checkbox.mjs

@@ -1,15 +1,15 @@
-import VarIcon from "../icon/index.mjs";
+import { computed, defineComponent, nextTick, ref } from "vue";
+import { call, preventDefault } from "@varlet/shared";
+import { useEventListener, useVModel } 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, ref, computed, nextTick } from "vue";
+import VarIcon from "../icon/index.mjs";
+import Ripple from "../ripple/index.mjs";
+import { createNamespace, useValidation } from "../utils/components.mjs";
 import { props } from "./props.mjs";
-import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useCheckboxGroup } from "./provide.mjs";
-import { useForm } from "../form/provide.mjs";
-import { call, preventDefault } from "@varlet/shared";
-import { useEventListener, useVModel } from "@varlet/use";
 const { name, n, classes } = createNamespace("checkbox");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode } from "vue";
 const _hoisted_1 = ["tabindex"];

package/es/checkbox/index.mjs

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

package/es/checkbox-group/CheckboxGroup.mjs

@@ -1,11 +1,11 @@
-import VarFormDetails from "../form-details/index.mjs";
+import { computed, defineComponent, nextTick, watch } from "vue";
+import { call, isFunction, uniq } from "@varlet/shared";
 import VarCheckbox from "../checkbox/index.mjs";
-import { defineComponent, computed, watch, nextTick } from "vue";
+import VarFormDetails from "../form-details/index.mjs";
+import { useForm } from "../form/provide.mjs";
+import { createNamespace, MaybeVNode, useValidation } from "../utils/components.mjs";
 import { props } from "./props.mjs";
-import { useValidation, createNamespace, MaybeVNode } from "../utils/components.mjs";
 import { useCheckboxes } from "./provide.mjs";
-import { useForm } from "../form/provide.mjs";
-import { uniq, call, isFunction } from "@varlet/shared";
 const { name, n, classes } = createNamespace("checkbox-group");
 import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode } from "vue";
 function __render__(_ctx, _cache) {

package/es/checkbox-group/index.mjs

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

package/es/chip/Chip.mjs

@@ -1,10 +1,10 @@
+import { computed, defineComponent } from "vue";
+import { call } from "@varlet/shared";
 import VarIcon from "../icon/index.mjs";
-import { defineComponent, computed } from "vue";
-import { props } from "./props.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { call } from "@varlet/shared";
+import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("chip");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+import { createCommentVNode as _createCommentVNode, renderSlot as _renderSlot, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, mergeProps as _mergeProps, Transition as _Transition, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");
   return _openBlock(), _createBlock(_Transition, {

package/es/chip/index.mjs

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

package/es/chip/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 = {
   type: {
     type: String,

package/es/code/Code.mjs

@@ -19,9 +19,9 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { computed, defineComponent, ref, watch } from "vue";
+import { injectHighlighterProvider } from "../highlighter-provider/provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
-import { injectHighlighterProvider } from "../highlighter-provider/provide.mjs";
 const { name, n, classes } = createNamespace("code");
 import { normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["innerHTML"];

package/es/code/index.mjs

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

package/es/col/Col.mjs

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

package/es/col/index.mjs

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

package/es/collapse/Collapse.mjs

@@ -1,8 +1,8 @@
 import { computed, defineComponent, nextTick, watch } from "vue";
-import { useCollapseItem } from "./provide.mjs";
-import { props } from "./props.mjs";
+import { call, normalizeToArray, removeArrayBlank } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
-import { normalizeToArray, call, removeArrayBlank } from "@varlet/shared";
+import { props } from "./props.mjs";
+import { useCollapseItem } from "./provide.mjs";
 const { name, n } = createNamespace("collapse");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
@@ -84,7 +84,9 @@ const __sfc__ = defineComponent({
       });
     }
     const toggleAll = (options) => {
-      if (props2.accordion) return;
+      if (props2.accordion) {
+        return;
+      }
       const matchedItems = collapseItems.filter((item) => {
         var _a;
         const itemValue = (_a = item.name.value) != null ? _a : item.index.value;

package/es/collapse/index.mjs

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

package/es/collapse-item/CollapseItem.mjs

@@ -1,9 +1,9 @@
+import { computed, defineComponent, ref } from "vue";
+import { useCollapseTransition } from "../collapse-transition/useCollapseTransition.mjs";
 import VarIcon from "../icon/index.mjs";
-import { defineComponent, ref, computed } from "vue";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { useCollapse } from "./provide.mjs";
 import { props } from "./props.mjs";
-import { useCollapseTransition } from "../collapse-transition/useCollapseTransition.mjs";
+import { useCollapse } from "./provide.mjs";
 const { name, n, classes } = createNamespace("collapse-item");
 import { normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives, normalizeStyle as _normalizeStyle } from "vue";
 const _hoisted_1 = ["aria-expanded", "aria-disabled", "role"];
@@ -77,8 +77,8 @@ function __render__(_ctx, _cache) {
       _withDirectives(_createElementVNode(
         "div",
         {
-          class: _normalizeClass(_ctx.n("content")),
           ref: "contentEl",
+          class: _normalizeClass(_ctx.n("content")),
           onTransitionend: _cache[1] || (_cache[1] = (...args) => _ctx.handleTransitionEnd && _ctx.handleTransitionEnd(...args)),
           onTransitionstart: _cache[2] || (_cache[2] = (...args) => _ctx.handleTransitionStart && _ctx.handleTransitionStart(...args))
         },

package/es/collapse-item/index.mjs

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

package/es/collapse-item/provide.mjs

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

package/es/collapse-transition/CollapseTransition.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed } from "vue";
+import { computed, defineComponent, ref } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
 import { useCollapseTransition } from "./useCollapseTransition.mjs";
@@ -8,8 +8,8 @@ function __render__(_ctx, _cache) {
   return _withDirectives((_openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass(_ctx.n("content")),
       ref: "contentEl",
+      class: _normalizeClass(_ctx.n("content")),
       onTransitionend: _cache[0] || (_cache[0] = (...args) => _ctx.handleTransitionEnd && _ctx.handleTransitionEnd(...args)),
       onTransitionstart: _cache[1] || (_cache[1] = (...args) => _ctx.handleTransitionStart && _ctx.handleTransitionStart(...args))
     },

package/es/collapse-transition/index.mjs

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

package/es/collapse-transition/useCollapseTransition.mjs

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

package/es/context/lock.mjs

@@ -1,5 +1,5 @@
+import { getCurrentInstance, onActivated, onBeforeMount, onDeactivated, onUnmounted, watch } from "vue";
 import context from "./index.mjs";
-import { watch, onBeforeMount, onUnmounted, onDeactivated, onActivated, getCurrentInstance } from "vue";
 import { createNamespace } from "../utils/components.mjs";
 const { n } = createNamespace("");
 function resolveLock() {

package/es/context/stack.mjs

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

package/es/context/zIndex.mjs

@@ -1,5 +1,5 @@
+import { ref, watch } from "vue";
 import context from "./index.mjs";
-import { watch, ref } from "vue";
 function useZIndex(source, count) {
   const zIndex = ref(context.zIndex);
   watch(

package/es/count-to/CountTo.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, computed, onMounted, watch } from "vue";
-import { props } from "./props.mjs";
-import { createNamespace } from "../utils/components.mjs";
-import { useMotion } from "@varlet/use";
+import { computed, defineComponent, onMounted, watch } from "vue";
 import { call, floor, toNumber } from "@varlet/shared";
+import { useMotion } from "@varlet/use";
+import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
 const { name, n } = createNamespace("count-to");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/count-to/index.mjs

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

package/es/countdown/Countdown.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, onActivated, onDeactivated, onMounted, onUnmounted, ref, watch } from "vue";
-import { props } from "./props.mjs";
+import { call, cancelAnimationFrame, requestAnimationFrame, toNumber } from "@varlet/shared";
 import { createNamespace } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
-import { toNumber, requestAnimationFrame, cancelAnimationFrame, call } from "@varlet/shared";
+import { props } from "./props.mjs";
 const { name, n } = createNamespace("countdown");
 const SECOND = 1e3;
 const MINUTE = 60 * SECOND;

package/es/countdown/index.mjs

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

package/es/counter/Counter.mjs

@@ -1,14 +1,14 @@
+import { computed, defineComponent, nextTick, ref, watch } from "vue";
+import { call, toNumber } from "@varlet/shared";
+import { Decimal } from "decimal.js";
 import VarButton from "../button/index.mjs";
-import VarIcon from "../icon/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
+import { useForm } from "../form/provide.mjs";
+import VarIcon from "../icon/index.mjs";
 import Ripple from "../ripple/index.mjs";
-import { defineComponent, ref, watch, computed, nextTick } from "vue";
-import { Decimal } from "decimal.js";
-import { props } from "./props.mjs";
-import { toNumber, call } from "@varlet/shared";
+import { createNamespace, formatElevation, useValidation } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
-import { useForm } from "../form/provide.mjs";
-import { useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
+import { props } from "./props.mjs";
 const SPEED = 100;
 const DELAY = 600;
 const { name, n, classes } = createNamespace("counter");
@@ -63,6 +63,7 @@ function __render__(_ctx, _cache) {
             /* STABLE */
           }, 8, ["class", "style", "ripple", "onClick", "onTouchstart", "onTouchend", "onTouchcancel"]),
           _withDirectives(_createElementVNode("input", {
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
             class: _normalizeClass(_ctx.classes(_ctx.n("input"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--not-allowed")])),
             style: _normalizeStyle({
               width: _ctx.toSizeUnit(_ctx.inputWidth),
@@ -71,7 +72,6 @@ function __render__(_ctx, _cache) {
             inputmode: _ctx.toNumber(_ctx.decimalLength) === 0 ? "numeric" : "decimal",
             readonly: _ctx.readonly || _ctx.formReadonly,
             disabled: _ctx.disabled || _ctx.formDisabled || _ctx.disableInput,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
             onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
           }, null, 46, _hoisted_1), [
             [_vModelText, _ctx.inputValue]

package/es/counter/index.mjs

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