@varlet/ui 3.8.2 → 3.8.3

package/es/tab/index.mjs

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

package/es/tab/provide.mjs

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

package/es/tab-item/TabItem.mjs

@@ -1,8 +1,8 @@
+import { computed, defineComponent, ref } from "vue";
 import VarSwipeItem from "../swipe-item/index.mjs";
-import { defineComponent, ref, computed } from "vue";
-import { useTabsItems, useLists } from "./provide.mjs";
-import { props } from "./props.mjs";
 import { createNamespace } from "../utils/components.mjs";
+import { props } from "./props.mjs";
+import { useLists, useTabsItems } from "./provide.mjs";
 const { name, n, classes } = createNamespace("tab-item");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {

package/es/tab-item/index.mjs

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

package/es/tab-item/provide.mjs

@@ -1,5 +1,5 @@
-import { useChildren, useParent } from "@varlet/use";
 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");
 function useTabsItems() {

package/es/table/Table.mjs

@@ -1,6 +1,6 @@
 import { defineComponent } from "vue";
-import { toSizeUnit } from "../utils/elements.mjs";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("table");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";

package/es/table/index.mjs

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

package/es/tabs/Tabs.mjs

@@ -18,15 +18,15 @@ 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 VarSticky from "../sticky/index.mjs";
-import { defineComponent, watch, ref, computed, Transition, onActivated } from "vue";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { scrollTo, toSizeUnit } from "../utils/elements.mjs";
+import { linear } from "../utils/shared.mjs";
 import { props } from "./props.mjs";
 import { useTabList } from "./provide.mjs";
-import { clamp, isNumber, doubleRaf, call } from "@varlet/shared";
-import { linear } from "../utils/shared.mjs";
-import { toSizeUnit, scrollTo } from "../utils/elements.mjs";
-import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { onWindowResize } from "@varlet/use";
 const { name, n, classes } = createNamespace("tabs");
 import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, mergeProps as _mergeProps, resolveDynamicComponent as _resolveDynamicComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
@@ -174,7 +174,9 @@ const __sfc__ = defineComponent({
     }
     function moveIndicator({ element }) {
       const el = element.value;
-      if (!el) return;
+      if (!el) {
+        return;
+      }
       if (props2.layoutDirection === "horizontal") {
         indicatorWidth.value = `${el.offsetWidth}px`;
         indicatorX.value = `${el.offsetLeft}px`;

package/es/tabs/index.mjs

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

package/es/tabs/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp, pickProps } from "../utils/components.mjs";
 import { stickyProps } from "../sticky/index.mjs";
+import { defineListenerProp, pickProps } from "../utils/components.mjs";
 const props = {
   active: {
     type: [String, Number],

package/es/tabs-items/TabsItems.mjs

@@ -18,19 +18,19 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+import { defineComponent, ref, watch } from "vue";
+import { call, doubleRaf } from "@varlet/shared";
 import VarSwipe from "../swipe/index.mjs";
-import { defineComponent, watch, ref } from "vue";
-import { useTabItem } from "./provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { props } from "./props.mjs";
-import { doubleRaf, call } from "@varlet/shared";
+import { useTabItem } from "./provide.mjs";
 const { name, n } = createNamespace("tabs-items");
 import { renderSlot as _renderSlot, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 function __render__(_ctx, _cache) {
   const _component_var_swipe = _resolveComponent("var-swipe");
   return _openBlock(), _createBlock(_component_var_swipe, {
-    class: _normalizeClass(_ctx.n()),
     ref: "swipe",
+    class: _normalizeClass(_ctx.n()),
     loop: _ctx.loop,
     touchable: _ctx.canSwipe,
     indicator: false,

package/es/tabs-items/index.mjs

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

package/es/themes/dark/index.mjs

@@ -16,48 +16,28 @@ var __spreadValues = (a, b) => {
 };
 import actionSheet from "./actionSheet.mjs";
 import alert from "./alert.mjs";
+import appBar from "./appBar.mjs";
+import avatar from "./avatar.mjs";
+import avatarGroup from "./avatarGroup.mjs";
+import backTop from "./backTop.mjs";
 import badge from "./badge.mjs";
+import bottomNavigation from "./bottomNavigation.mjs";
+import bottomNavigationItem from "./bottomNavigationItem.mjs";
+import breadcrumb from "./breadcrumb.mjs";
 import button from "./button.mjs";
 import card from "./card.mjs";
 import cell from "./cell.mjs";
 import checkbox from "./checkbox.mjs";
 import chip from "./chip.mjs";
+import code from "./code.mjs";
 import collapse from "./collapse.mjs";
+import countdown from "./countdown.mjs";
+import counter from "./counter.mjs";
 import datePicker from "./datePicker.mjs";
 import dialog from "./dialog.mjs";
 import divider from "./divider.mjs";
-import fieldDecorator from "./fieldDecorator.mjs";
-import pagination from "./pagination.mjs";
-import picker from "./picker.mjs";
-import popup from "./popup.mjs";
-import pullRefresh from "./pullRefresh.mjs";
-import radio from "./radio.mjs";
-import result from "./result.mjs";
-import skeleton from "./skeleton.mjs";
-import step from "./step.mjs";
-import switchThemes from "./switch.mjs";
-import tab from "./tab.mjs";
-import table from "./table.mjs";
-import timePicker from "./timePicker.mjs";
-import uploader from "./uploader.mjs";
-import tabs from "./tabs.mjs";
-import appBar from "./appBar.mjs";
-import bottomNavigationItem from "./bottomNavigationItem.mjs";
-import menu from "./menu.mjs";
-import breadcrumb from "./breadcrumb.mjs";
-import avatar from "./avatar.mjs";
-import link from "./link.mjs";
-import progress from "./progress.mjs";
-import option from "./option.mjs";
-import watermark from "./watermark.mjs";
-import menuSelect from "./menuSelect.mjs";
-import menuOption from "./menuOption.mjs";
-import avatarGroup from "./avatarGroup.mjs";
-import backTop from "./backTop.mjs";
-import bottomNavigation from "./bottomNavigation.mjs";
-import countdown from "./countdown.mjs";
-import counter from "./counter.mjs";
 import fab from "./fab.mjs";
+import fieldDecorator from "./fieldDecorator.mjs";
 import floatingPanel from "./floatingPanel.mjs";
 import formDetails from "./formDetails.mjs";
 import hoverOverlay from "./hoverOverlay.mjs";
@@ -65,20 +45,40 @@ import icon from "./icon.mjs";
 import imagePreview from "./imagePreview.mjs";
 import indexBar from "./indexBar.mjs";
 import input from "./input.mjs";
+import link from "./link.mjs";
 import list from "./list.mjs";
 import loading from "./loading.mjs";
 import loadingBar from "./loadingBar.mjs";
+import menu from "./menu.mjs";
+import menuOption from "./menuOption.mjs";
+import menuSelect from "./menuSelect.mjs";
+import option from "./option.mjs";
 import overlay from "./overlay.mjs";
+import pagination from "./pagination.mjs";
 import paper from "./paper.mjs";
+import picker from "./picker.mjs";
+import popup from "./popup.mjs";
+import progress from "./progress.mjs";
+import pullRefresh from "./pullRefresh.mjs";
+import radio from "./radio.mjs";
 import rate from "./rate.mjs";
+import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import select from "./select.mjs";
+import skeleton from "./skeleton.mjs";
 import slider from "./slider.mjs";
 import snackbar from "./snackbar.mjs";
 import space from "./space.mjs";
+import step from "./step.mjs";
 import swipe from "./swipe.mjs";
+import switchThemes from "./switch.mjs";
+import tab from "./tab.mjs";
+import table from "./table.mjs";
+import tabs from "./tabs.mjs";
+import timePicker from "./timePicker.mjs";
 import tooltip from "./tooltip.mjs";
-import select from "./select.mjs";
-import code from "./code.mjs";
+import uploader from "./uploader.mjs";
+import watermark from "./watermark.mjs";
 var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",

package/es/themes/index.mjs

@@ -1,6 +1,6 @@
 import dark from "./dark/index.mjs";
-import md3Light from "./md3-light/index.mjs";
 import md3Dark from "./md3-dark/index.mjs";
+import md3Light from "./md3-light/index.mjs";
 import { toViewport } from "./toViewport.mjs";
 const Themes = { dark, md3Light, md3Dark, toViewport };
 const _ThemesComponent = null;

package/es/themes/md3-dark/index.mjs

@@ -14,71 +14,71 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import button from "./button.mjs";
+import actionSheet from "./actionSheet.mjs";
 import alert from "./alert.mjs";
-import hoverOverlay from "./hoverOverlay.mjs";
-import menu from "./menu.mjs";
-import menuSelect from "./menuSelect.mjs";
-import menuOption from "./menuOption.mjs";
-import fab from "./fab.mjs";
+import appBar from "./appBar.mjs";
+import avatar from "./avatar.mjs";
+import avatarGroup from "./avatarGroup.mjs";
+import backTop from "./backTop.mjs";
+import badge from "./badge.mjs";
+import bottomNavigation from "./bottomNavigation.mjs";
+import bottomNavigationItem from "./bottomNavigationItem.mjs";
 import breadcrumb from "./breadcrumb.mjs";
-import link from "./link.mjs";
+import button from "./button.mjs";
+import card from "./card.mjs";
 import cell from "./cell.mjs";
-import paper from "./paper.mjs";
-import avatar from "./avatar.mjs";
-import fieldDecorator from "./fieldDecorator.mjs";
 import checkbox from "./checkbox.mjs";
-import radio from "./radio.mjs";
-import card from "./card.mjs";
 import chip from "./chip.mjs";
-import badge from "./badge.mjs";
-import tooltip from "./tooltip.mjs";
-import progress from "./progress.mjs";
-import tabs from "./tabs.mjs";
-import tab from "./tab.mjs";
-import step from "./step.mjs";
-import divider from "./divider.mjs";
-import table from "./table.mjs";
-import pagination from "./pagination.mjs";
-import watermark from "./watermark.mjs";
+import code from "./code.mjs";
 import collapse from "./collapse.mjs";
-import result from "./result.mjs";
-import appBar from "./appBar.mjs";
-import bottomNavigation from "./bottomNavigation.mjs";
-import bottomNavigationItem from "./bottomNavigationItem.mjs";
-import snackbar from "./snackbar.mjs";
-import actionSheet from "./actionSheet.mjs";
-import dialog from "./dialog.mjs";
-import pullRefresh from "./pullRefresh.mjs";
-import popup from "./popup.mjs";
-import picker from "./picker.mjs";
-import floatingPanel from "./floatingPanel.mjs";
-import backTop from "./backTop.mjs";
-import select from "./select.mjs";
-import option from "./option.mjs";
+import countdown from "./countdown.mjs";
 import counter from "./counter.mjs";
-import switchThemes from "./switch.mjs";
-import slider from "./slider.mjs";
-import uploader from "./uploader.mjs";
-import timePicker from "./timePicker.mjs";
 import datePicker from "./datePicker.mjs";
-import rate from "./rate.mjs";
-import skeleton from "./skeleton.mjs";
-import avatarGroup from "./avatarGroup.mjs";
-import countdown from "./countdown.mjs";
+import dialog from "./dialog.mjs";
+import divider from "./divider.mjs";
+import fab from "./fab.mjs";
+import fieldDecorator from "./fieldDecorator.mjs";
+import floatingPanel from "./floatingPanel.mjs";
 import formDetails from "./formDetails.mjs";
+import hoverOverlay from "./hoverOverlay.mjs";
 import icon from "./icon.mjs";
 import imagePreview from "./imagePreview.mjs";
 import indexBar from "./indexBar.mjs";
 import input from "./input.mjs";
+import link from "./link.mjs";
 import list from "./list.mjs";
 import loading from "./loading.mjs";
 import loadingBar from "./loadingBar.mjs";
+import menu from "./menu.mjs";
+import menuOption from "./menuOption.mjs";
+import menuSelect from "./menuSelect.mjs";
+import option from "./option.mjs";
 import overlay from "./overlay.mjs";
+import pagination from "./pagination.mjs";
+import paper from "./paper.mjs";
+import picker from "./picker.mjs";
+import popup from "./popup.mjs";
+import progress from "./progress.mjs";
+import pullRefresh from "./pullRefresh.mjs";
+import radio from "./radio.mjs";
+import rate from "./rate.mjs";
+import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import select from "./select.mjs";
+import skeleton from "./skeleton.mjs";
+import slider from "./slider.mjs";
+import snackbar from "./snackbar.mjs";
 import space from "./space.mjs";
+import step from "./step.mjs";
 import swipe from "./swipe.mjs";
-import code from "./code.mjs";
+import switchThemes from "./switch.mjs";
+import tab from "./tab.mjs";
+import table from "./table.mjs";
+import tabs from "./tabs.mjs";
+import timePicker from "./timePicker.mjs";
+import tooltip from "./tooltip.mjs";
+import uploader from "./uploader.mjs";
+import watermark from "./watermark.mjs";
 var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "dark",
   "--font-size-xs": "10px",

package/es/themes/md3-light/index.mjs

@@ -14,71 +14,71 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
-import button from "./button.mjs";
+import actionSheet from "./actionSheet.mjs";
 import alert from "./alert.mjs";
-import hoverOverlay from "./hoverOverlay.mjs";
-import menu from "./menu.mjs";
-import menuSelect from "./menuSelect.mjs";
-import menuOption from "./menuOption.mjs";
-import fab from "./fab.mjs";
+import appBar from "./appBar.mjs";
+import avatar from "./avatar.mjs";
+import avatarGroup from "./avatarGroup.mjs";
+import backTop from "./backTop.mjs";
+import badge from "./badge.mjs";
+import bottomNavigation from "./bottomNavigation.mjs";
+import bottomNavigationItem from "./bottomNavigationItem.mjs";
 import breadcrumb from "./breadcrumb.mjs";
-import link from "./link.mjs";
+import button from "./button.mjs";
+import card from "./card.mjs";
 import cell from "./cell.mjs";
-import paper from "./paper.mjs";
-import avatar from "./avatar.mjs";
-import fieldDecorator from "./fieldDecorator.mjs";
 import checkbox from "./checkbox.mjs";
-import radio from "./radio.mjs";
-import card from "./card.mjs";
 import chip from "./chip.mjs";
-import tooltip from "./tooltip.mjs";
-import tabs from "./tabs.mjs";
-import tab from "./tab.mjs";
-import table from "./table.mjs";
+import code from "./code.mjs";
 import collapse from "./collapse.mjs";
-import result from "./result.mjs";
-import bottomNavigation from "./bottomNavigation.mjs";
-import bottomNavigationItem from "./bottomNavigationItem.mjs";
-import snackbar from "./snackbar.mjs";
-import actionSheet from "./actionSheet.mjs";
-import dialog from "./dialog.mjs";
-import pullRefresh from "./pullRefresh.mjs";
-import popup from "./popup.mjs";
-import picker from "./picker.mjs";
-import floatingPanel from "./floatingPanel.mjs";
-import backTop from "./backTop.mjs";
-import select from "./select.mjs";
-import option from "./option.mjs";
-import slider from "./slider.mjs";
-import uploader from "./uploader.mjs";
-import timePicker from "./timePicker.mjs";
-import datePicker from "./datePicker.mjs";
-import switchThemes from "./switch.mjs";
-import rate from "./rate.mjs";
-import avatarGroup from "./avatarGroup.mjs";
-import badge from "./badge.mjs";
 import countdown from "./countdown.mjs";
 import counter from "./counter.mjs";
+import datePicker from "./datePicker.mjs";
+import dialog from "./dialog.mjs";
 import divider from "./divider.mjs";
+import fab from "./fab.mjs";
+import fieldDecorator from "./fieldDecorator.mjs";
+import floatingPanel from "./floatingPanel.mjs";
 import formDetails from "./formDetails.mjs";
+import hoverOverlay from "./hoverOverlay.mjs";
 import icon from "./icon.mjs";
 import imagePreview from "./imagePreview.mjs";
 import indexBar from "./indexBar.mjs";
 import input from "./input.mjs";
+import link from "./link.mjs";
 import list from "./list.mjs";
 import loading from "./loading.mjs";
 import loadingBar from "./loadingBar.mjs";
+import menu from "./menu.mjs";
+import menuOption from "./menuOption.mjs";
+import menuSelect from "./menuSelect.mjs";
+import option from "./option.mjs";
 import overlay from "./overlay.mjs";
 import pagination from "./pagination.mjs";
+import paper from "./paper.mjs";
+import picker from "./picker.mjs";
+import popup from "./popup.mjs";
 import progress from "./progress.mjs";
+import pullRefresh from "./pullRefresh.mjs";
+import radio from "./radio.mjs";
+import rate from "./rate.mjs";
+import result from "./result.mjs";
 import ripple from "./ripple.mjs";
+import select from "./select.mjs";
 import skeleton from "./skeleton.mjs";
+import slider from "./slider.mjs";
+import snackbar from "./snackbar.mjs";
 import space from "./space.mjs";
 import step from "./step.mjs";
 import swipe from "./swipe.mjs";
+import switchThemes from "./switch.mjs";
+import tab from "./tab.mjs";
+import table from "./table.mjs";
+import tabs from "./tabs.mjs";
+import timePicker from "./timePicker.mjs";
+import tooltip from "./tooltip.mjs";
+import uploader from "./uploader.mjs";
 import watermark from "./watermark.mjs";
-import appBar from "./appBar.mjs";
-import code from "./code.mjs";
 var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
   "--color-scheme": "light",
   "--font-size-xs": "10px",

package/es/time-picker/TimePicker.mjs

@@ -1,13 +1,13 @@
-import dayjs from "dayjs/esm/index.js";
-import Clock from "./clock.mjs";
 import { computed, defineComponent, reactive, ref, watch } from "vue";
-import { props, hoursAmpm, hours24 } from "./props.mjs";
-import { toNumber, getRect, preventDefault, call } from "@varlet/shared";
-import { createNamespace, formatElevation } from "../utils/components.mjs";
-import { padStart } from "../utils/shared.mjs";
-import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from "./utils.mjs";
+import { call, getRect, preventDefault, toNumber } from "@varlet/shared";
+import dayjs from "dayjs/esm/index.js";
 import { t } from "../locale/index.mjs";
 import { injectLocaleProvider } from "../locale-provider/provide.mjs";
+import { createNamespace, formatElevation } from "../utils/components.mjs";
+import { padStart } from "../utils/shared.mjs";
+import Clock from "./clock.mjs";
+import { hours24, hoursAmpm, props } from "./props.mjs";
+import { getIsDisableMinute, getIsDisableSecond, getNumberTime } from "./utils.mjs";
 const { name, n, classes } = createNamespace("time-picker");
 import { toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveComponent as _resolveComponent, createBlock as _createBlock, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, renderSlot as _renderSlot } from "vue";
 function __render__(_ctx, _cache) {
@@ -16,8 +16,8 @@ function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock(
     "div",
     {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2))),
-      ref: "picker"
+      ref: "picker",
+      class: _normalizeClass(_ctx.classes(_ctx.n(), _ctx.formatElevation(_ctx.elevation, 2)))
     },
     [
       _createElementVNode(
@@ -150,11 +150,11 @@ function __render__(_ctx, _cache) {
           _createElementVNode(
             "div",
             {
+              ref: "container",
               class: _normalizeClass(_ctx.n("clock-container")),
               onTouchstart: _cache[5] || (_cache[5] = (...args) => _ctx.moveHand && _ctx.moveHand(...args)),
               onTouchmove: _cache[6] || (_cache[6] = (...args) => _ctx.moveHand && _ctx.moveHand(...args)),
-              onTouchend: _cache[7] || (_cache[7] = (...args) => _ctx.end && _ctx.end(...args)),
-              ref: "container"
+              onTouchend: _cache[7] || (_cache[7] = (...args) => _ctx.end && _ctx.end(...args))
             },
             [
               _createVNode(_Transition, {
@@ -242,8 +242,12 @@ const __sfc__ = defineComponent({
       y: []
     });
     const getRad = computed(() => {
-      if (type.value === "hour") return hourRad.value;
-      if (type.value === "minute") return minuteRad.value;
+      if (type.value === "hour") {
+        return hourRad.value;
+      }
+      if (type.value === "minute") {
+        return minuteRad.value;
+      }
       return secondRad.value;
     });
     const { t: pt } = injectLocaleProvider();
@@ -304,10 +308,14 @@ const __sfc__ = defineComponent({
       });
     }
     function checkAmpm(ampmType) {
-      if (props2.readonly) return;
+      if (props2.readonly) {
+        return;
+      }
       ampm.value = ampmType;
       const newHour = findAvailableHour(ampmType);
-      if (!newHour) return;
+      if (!newHour) {
+        return;
+      }
       const second = props2.useSeconds ? `:${time.value.second}` : "";
       const newTime = `${padStart(newHour, 2, "0")}:${time.value.minute}${second}`;
       update(newTime);
@@ -352,10 +360,14 @@ const __sfc__ = defineComponent({
       if (!disableHour.includes(anotherHour)) {
         isInner.value = props2.format === "24hr" ? getInner(clientX, clientY) : false;
       }
-      if (isInner.value !== isActualInner.value) return;
+      if (isInner.value !== isActualInner.value) {
+        return;
+      }
       const newHour = isInner.value || ampm.value === "pm" ? hours24[index] : hoursAmpm[index];
       isDisableHour.value = disableHour.includes(newHour);
-      if (isDisableHour.value) return;
+      if (isDisableHour.value) {
+        return;
+      }
       hourRad.value = rad;
       isChosenUsableHour.value = true;
     }
@@ -374,7 +386,9 @@ const __sfc__ = defineComponent({
         allowedTime: props2.allowedTime
       };
       isDisableMinute.value = getIsDisableMinute(values);
-      if (isDisableMinute.value) return;
+      if (isDisableMinute.value) {
+        return;
+      }
       minuteRad.value = rad;
       isChosenUsableMinute.value = true;
     }
@@ -393,7 +407,9 @@ const __sfc__ = defineComponent({
         disableHour,
         allowedTime: props2.allowedTime
       };
-      if (!getIsDisableSecond(values)) secondRad.value = rad;
+      if (!getIsDisableSecond(values)) {
+        secondRad.value = rad;
+      }
     }
     function setCenterAndRange() {
       const { left, top, width, height } = getRect(container.value);
@@ -407,18 +423,26 @@ const __sfc__ = defineComponent({
     }
     function moveHand(event) {
       preventDefault(event);
-      if (props2.readonly) return;
+      if (props2.readonly) {
+        return;
+      }
       setCenterAndRange();
       const { clientX, clientY } = event.touches[0];
       const x = clientX - center.x;
       const y = clientY - center.y;
       const roundDeg = Math.round(rad2deg(Math.atan2(y, x)));
-      if (type.value === "hour") setHourRad(clientX, clientY, roundDeg);
-      else if (type.value === "minute") setMinuteRad(roundDeg);
-      else setSecondRad(roundDeg);
+      if (type.value === "hour") {
+        setHourRad(clientX, clientY, roundDeg);
+      } else if (type.value === "minute") {
+        setMinuteRad(roundDeg);
+      } else {
+        setSecondRad(roundDeg);
+      }
     }
     function end() {
-      if (props2.readonly) return;
+      if (props2.readonly) {
+        return;
+      }
       if (type.value === "hour" && isChosenUsableHour.value) {
         type.value = "minute";
         return;