@varlet/ui 3.8.2 → 3.8.3

package/es/time-picker/clock.mjs

@@ -1,10 +1,10 @@
-import dayjs from "dayjs/esm/index.js";
 import { computed, defineComponent, ref, watch } from "vue";
-import { hoursAmpm, hours24, minSec } from "./props.mjs";
-import { notConvert, convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime } from "./utils.mjs";
-import { toNumber, getRect } from "@varlet/shared";
+import { getRect, toNumber } from "@varlet/shared";
+import dayjs from "dayjs/esm/index.js";
 import { createNamespace } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
+import { hours24, hoursAmpm, minSec } from "./props.mjs";
+import { convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime, notConvert } from "./utils.mjs";
 const { n, classes } = createNamespace("time-picker");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode } from "vue";
 function __render__(_ctx, _cache) {
@@ -31,6 +31,7 @@ function __render__(_ctx, _cache) {
           return _openBlock(), _createElementBlock(
             "div",
             {
+              key: timeScale,
               class: _normalizeClass(
                 _ctx.classes(
                   _ctx.n("clock-item"),
@@ -38,7 +39,6 @@ function __render__(_ctx, _cache) {
                   [_ctx.isDisable(timeScale), _ctx.n("clock-item--disable")]
                 )
               ),
-              key: timeScale,
               style: _normalizeStyle(_ctx.getStyle(index, timeScale, false))
             },
             _toDisplayString(timeScale),
@@ -53,8 +53,8 @@ function __render__(_ctx, _cache) {
         "div",
         {
           key: 0,
-          class: _normalizeClass(_ctx.n("clock-inner")),
-          ref: "inner"
+          ref: "inner",
+          class: _normalizeClass(_ctx.n("clock-inner"))
         },
         [
           (_openBlock(true), _createElementBlock(
@@ -64,6 +64,7 @@ function __render__(_ctx, _cache) {
               return _openBlock(), _createElementBlock(
                 "div",
                 {
+                  key: hour,
                   class: _normalizeClass(
                     _ctx.classes(
                       _ctx.n("clock-item"),
@@ -71,7 +72,6 @@ function __render__(_ctx, _cache) {
                       [_ctx.isDisable(hour), _ctx.n("clock-item--disable")]
                     )
                   ),
-                  key: hour,
                   style: _normalizeStyle(_ctx.getStyle(index, hour, true))
                 },
                 _toDisplayString(hour),
@@ -148,12 +148,16 @@ 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) => {
@@ -170,11 +174,15 @@ 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;
@@ -182,12 +190,16 @@ 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);
       }
@@ -231,26 +243,36 @@ 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/index.mjs

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

package/es/time-picker/utils.mjs

@@ -1,5 +1,5 @@
-import { hours24, hoursAmpm } from "./props.mjs";
 import { toNumber } from "@varlet/shared";
+import { hours24, hoursAmpm } from "./props.mjs";
 const notConvert = (format, ampm) => format === "24hr" || ampm === "am";
 const convertHour = (format, ampm, hour) => {
   const index = hoursAmpm.findIndex((hourAmpm) => toNumber(hourAmpm) === toNumber(hour));
@@ -23,7 +23,9 @@ 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;
@@ -37,7 +39,9 @@ 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) => {
@@ -46,7 +50,9 @@ 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;
@@ -60,7 +66,9 @@ 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/tooltip/Tooltip.mjs

@@ -1,7 +1,7 @@
-import { createNamespace, useTeleport } from "../utils/components.mjs";
 import { defineComponent } from "vue";
-import { toSizeUnit } from "../utils/elements.mjs";
 import { usePopover } from "../menu/usePopover.mjs";
+import { createNamespace, useTeleport } from "../utils/components.mjs";
+import { toSizeUnit } from "../utils/elements.mjs";
 import { props } from "./props.mjs";
 const { name, n, classes } = createNamespace("tooltip");
 import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, vShow as _vShow, withModifiers as _withModifiers, withDirectives as _withDirectives, Transition as _Transition, withCtx as _withCtx, createVNode as _createVNode, Teleport as _Teleport, openBlock as _openBlock, createBlock as _createBlock, createElementBlock as _createElementBlock } from "vue";

package/es/tooltip/index.mjs

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

package/es/uploader/Uploader.mjs

@@ -18,21 +18,21 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
+import { computed, defineComponent, nextTick, reactive, ref, watch } from "vue";
+import { call, isNumber, normalizeToArray, toDataURL, toNumber } from "@varlet/shared";
+import { useEventListener } from "@varlet/use";
 import VarFormDetails from "../form-details/index.mjs";
+import { useForm } from "../form/provide.mjs";
+import Hover from "../hover/index.mjs";
+import VarHoverOverlay, { useHoverOverlay } from "../hover-overlay/index.mjs";
 import VarIcon from "../icon/index.mjs";
-import VarPopup from "../popup/index.mjs";
 import ImagePreview from "../image-preview/index.mjs";
+import VarPopup from "../popup/index.mjs";
 import Ripple from "../ripple/index.mjs";
-import Hover from "../hover/index.mjs";
-import { defineComponent, nextTick, reactive, computed, watch, ref } from "vue";
-import { props } from "./props.mjs";
-import { isNumber, toNumber, normalizeToArray, toDataURL, call } from "@varlet/shared";
-import { isHTMLSupportImage, isHTMLSupportVideo } from "../utils/shared.mjs";
-import { useValidation, createNamespace, formatElevation } from "../utils/components.mjs";
-import { useForm } from "../form/provide.mjs";
+import { createNamespace, formatElevation, useValidation } from "../utils/components.mjs";
 import { toSizeUnit } from "../utils/elements.mjs";
-import { useEventListener } from "@varlet/use";
+import { isHTMLSupportImage, isHTMLSupportVideo } from "../utils/shared.mjs";
+import { props } from "./props.mjs";
 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, renderSlot as _renderSlot, resolveComponent as _resolveComponent, createVNode as _createVNode, withModifiers as _withModifiers, createCommentVNode as _createCommentVNode, normalizeStyle as _normalizeStyle, resolveDirective as _resolveDirective, withDirectives as _withDirectives, withCtx as _withCtx, createSlots as _createSlots } from "vue";
@@ -66,8 +66,8 @@ function __render__(_ctx, _cache) {
             null,
             _renderList(_ctx.files, (f) => {
               return _withDirectives((_openBlock(), _createElementBlock("div", {
-                class: _normalizeClass(_ctx.classes(_ctx.n("file"), _ctx.formatElevation(_ctx.elevation, 2), [f.state === "loading", _ctx.n("--loading")])),
                 key: f.id,
+                class: _normalizeClass(_ctx.classes(_ctx.n("file"), _ctx.formatElevation(_ctx.elevation, 2), [f.state === "loading", _ctx.n("--loading")])),
                 onClick: ($event) => _ctx.preview(f)
               }, [
                 _createElementVNode(
@@ -197,11 +197,11 @@ function __render__(_ctx, _cache) {
         } : void 0
       ]), 1032, ["error-message", "extra-message"]),
       _createVNode(_component_var_popup, {
+        show: _ctx.showPreview,
+        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => _ctx.showPreview = $event),
         class: _normalizeClass(_ctx.n("preview")),
         "var-uploader-cover": "",
         position: "center",
-        show: _ctx.showPreview,
-        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => _ctx.showPreview = $event),
         onClosed: _cache[6] || (_cache[6] = ($event) => _ctx.currentPreview = null)
       }, {
         default: _withCtx(() => {
@@ -222,7 +222,7 @@ function __render__(_ctx, _cache) {
         }),
         _: 1
         /* STABLE */
-      }, 8, ["class", "show"])
+      }, 8, ["show", "class"])
     ],
     2
     /* CLASS */

package/es/uploader/index.mjs

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

package/es/utils/components.mjs

@@ -37,16 +37,15 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { useEventListener } from "@varlet/use";
 import {
+  Comment,
   createApp,
+  defineComponent,
+  Fragment,
   h,
-  ref,
   onActivated,
   onDeactivated,
-  Comment,
-  Fragment,
-  defineComponent
+  ref
 } from "vue";
 import {
   createNamespaceFn,
@@ -57,6 +56,7 @@ import {
   isString,
   normalizeToArray
 } from "@varlet/shared";
+import { useEventListener } from "@varlet/use";
 function pickProps(props, propsKey) {
   return isArray(propsKey) ? propsKey.reduce((pickedProps, key) => {
     pickedProps[key] = props[key];

package/es/utils/elements.mjs

@@ -1,18 +1,18 @@
 import {
+  assert,
+  getRect,
+  getScrollLeft,
+  getScrollTop,
+  getStyle,
+  inBrowser,
   isNumber,
+  isNumeric,
   isObject,
   isString,
-  kebabCase,
-  toNumber,
   isWindow,
-  inBrowser,
-  getRect,
-  getStyle,
-  getScrollTop,
-  getScrollLeft,
-  isNumeric
+  kebabCase,
+  toNumber
 } from "@varlet/shared";
-import { assert } from "@varlet/shared";
 function getLeft(element) {
   const { left } = getRect(element);
   return left + (document.body.scrollLeft || document.documentElement.scrollLeft);

package/es/utils/test.mjs

@@ -22,8 +22,8 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { nextTick } from "vue";
+import { getStyle, isPlainObject } from "@varlet/shared";
 import { config } from "@vue/test-utils";
-import { isPlainObject, getStyle } from "@varlet/shared";
 const delay = (time) => new Promise((resolve) => {
   setTimeout(resolve, time);
 });