@varlet/ui 3.5.0 → 3.5.1-alpha.1726764162524

package/es/swipe/Swipe.mjs

@@ -32,8 +32,7 @@ import { toSizeUnit } from "../utils/elements.mjs";
 const SWIPE_DELAY = 250;
 const SWIPE_OFFSET = 20;
 const { name, n, classes } = createNamespace("swipe");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Transition as _Transition, mergeProps as _mergeProps, renderList as _renderList, Fragment as _Fragment, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["onClick"];
 function __render__(_ctx, _cache) {
   const _component_var_icon = _resolveComponent("var-icon");

package/es/swipe-item/SwipeItem.mjs

@@ -3,8 +3,7 @@ import { useSwipe } from "./provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
 const { name, n } = createNamespace("swipe-item");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = ["aria-hidden"];
 function __render__(_ctx, _cache) {
   return _openBlock(), _createElementBlock("div", {

package/es/switch/Switch.mjs

@@ -10,27 +10,9 @@ import { props } from "./props.mjs";
 import { call, preventDefault } from "@varlet/shared";
 import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("switch");
-import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
 const _hoisted_1 = ["aria-checked"];
 const _hoisted_2 = ["tabindex"];
-const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
-  "svg",
-  { viewBox: "25 25 50 50" },
-  [
-    /* @__PURE__ */ _createElementVNode("circle", {
-      cx: "50",
-      cy: "50",
-      r: "20",
-      fill: "none"
-    })
-  ],
-  -1
-  /* HOISTED */
-));
-const _hoisted_4 = [
-  _hoisted_3
-];
 function __render__(_ctx, _cache) {
   const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
   const _component_var_form_details = _resolveComponent("var-form-details");
@@ -92,7 +74,22 @@ function __render__(_ctx, _cache) {
                     height: _ctx.radius
                   })
                 },
-                [..._hoisted_4],
+                _cache[3] || (_cache[3] = [
+                  _createElementVNode(
+                    "svg",
+                    { viewBox: "25 25 50 50" },
+                    [
+                      _createElementVNode("circle", {
+                        cx: "50",
+                        cy: "50",
+                        r: "20",
+                        fill: "none"
+                      })
+                    ],
+                    -1
+                    /* HOISTED */
+                  )
+                ]),
                 6
                 /* CLASS, STYLE */
               )) : _createCommentVNode("v-if", true)

package/es/tabs/Tabs.mjs

@@ -174,8 +174,7 @@ 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/time-picker/TimePicker.mjs

@@ -242,10 +242,8 @@ 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();
@@ -293,12 +291,10 @@ 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);
@@ -343,12 +339,10 @@ 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;
     }
@@ -367,8 +361,7 @@ const __sfc__ = defineComponent({
         allowedTime: props2.allowedTime
       };
       isDisableMinute.value = getIsDisableMinute(values);
-      if (isDisableMinute.value)
-        return;
+      if (isDisableMinute.value) return;
       minuteRad.value = rad;
       isChosenUsableMinute.value = true;
     }
@@ -387,8 +380,7 @@ 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);
@@ -402,23 +394,18 @@ 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;

package/es/time-picker/clock.mjs

@@ -148,14 +148,12 @@ const __sfc__ = defineComponent({
       borderColor: getHandleColor()
     }));
     const activeItemIndex = computed(() => {
-      if (props.rad === void 0)
-        return;
+      if (props.rad === void 0) return;
       const value = props.rad / 30;
       return value >= 0 ? value : value + 12;
     });
     const timeScales = computed(() => {
-      if (props.type === "hour")
-        return hoursAmpm;
+      if (props.type === "hour") return hoursAmpm;
       return minSec;
     });
     const isDisableMinSec = (time, isDisable2) => {
@@ -172,13 +170,11 @@ const __sfc__ = defineComponent({
         allowedTime: props.allowedTime,
         disableHour: disableHour.value
       };
-      if (isDisable2 && props.type === "minute")
-        Reflect.deleteProperty(values, "minute");
+      if (isDisable2 && props.type === "minute") Reflect.deleteProperty(values, "minute");
       return disableMethod(values);
     };
     const getHandleColor = () => {
-      if (activeItemIndex.value === void 0)
-        return props.color;
+      if (activeItemIndex.value === void 0) return props.color;
       const hour = props.isInner ? hours24[activeItemIndex.value] : timeScales.value[activeItemIndex.value];
       if (timeScales.value === minSec) {
         return isDisableMinSec() ? "var(--time-picker-clock-item-disable-background)" : props.color;
@@ -186,14 +182,12 @@ const __sfc__ = defineComponent({
       return isDisable(hour) ? "var(--time-picker-clock-item-disable-background)" : props.color;
     };
     const isActive = (index, inner2) => {
-      if (inner2)
-        return activeItemIndex.value === index && props.isInner;
+      if (inner2) return activeItemIndex.value === index && props.isInner;
       return activeItemIndex.value === index && (!props.isInner || props.type !== "hour");
     };
     const isDisable = (time) => {
       if (props.type === "hour") {
-        if (notConvert(props.format, props.ampm))
-          return disableHour.value.includes(time);
+        if (notConvert(props.format, props.ampm)) return disableHour.value.includes(time);
         const timeIndex = hoursAmpm.findIndex((hour) => hour === time);
         return disable24HourIndex.value.includes(timeIndex);
       }
@@ -237,31 +231,26 @@ const __sfc__ = defineComponent({
       };
     };
     const getHour = () => {
-      if (activeItemIndex.value === void 0)
-        return void 0;
+      if (activeItemIndex.value === void 0) return void 0;
       const hours = props.ampm === "am" ? hoursAmpm : hours24;
       return padStart(hours[activeItemIndex.value], 2, "0");
     };
     watch([activeItemIndex, () => props.isInner], ([index, inner2], [oldIndex, oldInner]) => {
       const isSame = index === oldIndex && inner2 === oldInner;
-      if (isSame || props.type !== "hour" || activeItemIndex.value === void 0)
-        return;
+      if (isSame || props.type !== "hour" || activeItemIndex.value === void 0) return;
       const newHour = inner2 ? hours24[activeItemIndex.value] : getHour();
       const second = props.useSeconds ? `:${props.time.second}` : "";
       const newTime = `${newHour}:${props.time.minute}${second}`;
-      if (!props.preventNextUpdate)
-        emit("update", newTime);
+      if (!props.preventNextUpdate) emit("update", newTime);
       emit("change-prevent-update");
     });
     watch(
       () => props.rad,
       (rad, oldRad) => {
-        if (props.type === "hour" || rad === void 0 || oldRad === void 0)
-          return;
+        if (props.type === "hour" || rad === void 0 || oldRad === void 0) return;
         const radToMinSec = rad / 6 >= 0 ? rad / 6 : rad / 6 + 60;
         const oldRadToMinSec = oldRad / 6 >= 0 ? oldRad / 6 : oldRad / 6 + 60;
-        if (radToMinSec === oldRadToMinSec)
-          return;
+        if (radToMinSec === oldRadToMinSec) return;
         let newTime;
         const { hourStr } = convertHour(props.format, props.ampm, props.time.hour);
         if (props.type === "minute") {

package/es/time-picker/utils.mjs

@@ -23,8 +23,7 @@ const getIsDisableMinute = (values) => {
   const { hourStr, hourNum } = convertHour(format, ampm, hour);
   let isBetweenMinMax = false;
   let isAllow = false;
-  if (disableHour.includes(hourStr))
-    return true;
+  if (disableHour.includes(hourStr)) return true;
   if (max && !min) {
     const { hour: maxHour, minute: maxMinute } = getNumberTime(max);
     isBetweenMinMax = maxHour === hourNum && time > maxMinute;
@@ -38,8 +37,7 @@ const getIsDisableMinute = (values) => {
     const { hour: minHour, minute: minMinute } = getNumberTime(min);
     isBetweenMinMax = minHour === hourNum && time < minMinute || maxHour === hourNum && time > maxMinute;
   }
-  if ((_a = values.allowedTime) == null ? void 0 : _a.minutes)
-    isAllow = (_b = values.allowedTime) == null ? void 0 : _b.minutes(time);
+  if ((_a = values.allowedTime) == null ? void 0 : _a.minutes) isAllow = (_b = values.allowedTime) == null ? void 0 : _b.minutes(time);
   return isBetweenMinMax || isAllow;
 };
 const getIsDisableSecond = (values) => {
@@ -48,8 +46,7 @@ const getIsDisableSecond = (values) => {
   const { hourStr, hourNum } = convertHour(format, ampm, hour);
   let isBetweenMinMax = false;
   let isAllow = false;
-  if (disableHour.includes(hourStr))
-    return true;
+  if (disableHour.includes(hourStr)) return true;
   if (max && !min) {
     const { hour: maxHour, minute: maxMinute, second: maxSecond } = getNumberTime(max);
     isBetweenMinMax = maxHour === hourNum && maxMinute < minute || maxMinute === minute && time > maxSecond;
@@ -63,8 +60,7 @@ const getIsDisableSecond = (values) => {
     const { hour: minHour, minute: minMinute, second: minSecond } = getNumberTime(min);
     isBetweenMinMax = maxHour === hourNum && maxMinute < minute || minHour === hourNum && minMinute > minute || maxHour === hourNum && maxMinute === minute && time > maxSecond || minHour === hourNum && minMinute === minute && time < minSecond;
   }
-  if ((_a = values.allowedTime) == null ? void 0 : _a.seconds)
-    isAllow = (_b = values.allowedTime) == null ? void 0 : _b.seconds(time);
+  if ((_a = values.allowedTime) == null ? void 0 : _a.seconds) isAllow = (_b = values.allowedTime) == null ? void 0 : _b.seconds(time);
   return isBetweenMinMax || isAllow;
 };
 export {

package/es/uploader/Uploader.mjs

@@ -35,8 +35,7 @@ import { toSizeUnit } from "../utils/elements.mjs";
 import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("uploader");
 let fid = 0;
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
-const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, renderSlot as _renderSlot, withCtx as _withCtx, createSlots as _createSlots } from "vue";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = ["src", "alt"];

package/es/utils/elements.mjs

@@ -60,8 +60,7 @@ function getTarget(target, componentName) {
     }
     return el;
   }
-  if (isObject(target))
-    return target;
+  if (isObject(target)) return target;
   error(componentName, 'type of prop "target" should be a selector or an element object');
 }
 function getViewportSize() {

package/es/utils/test.mjs

@@ -1,9 +1,6 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {