@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/time-picker/clock.mjs

@@ -1,42 +1,98 @@
-import dayjs from 'dayjs/esm';
-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 { createNamespace } from '../utils/components.mjs';
-import { padStart } from '../utils/shared.mjs';
-var {
-  n,
-  classes
-} = createNamespace('time-picker');
+import dayjs from "dayjs/esm";
+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 { createNamespace } from "../utils/components.mjs";
+import { padStart } from "../utils/shared.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) {
-  return _openBlock(), _createElementBlock("div", {
-    class: _normalizeClass(_ctx.n('clock'))
-  }, [_createElementVNode("div", {
-    class: _normalizeClass(_ctx.n('clock-hand')),
-    style: _normalizeStyle(_ctx.handStyle)
-  }, null, 6 /* CLASS, STYLE */), (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.timeScales, (timeScale, index) => {
-    return _openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('clock-item'), [_ctx.isActive(index, false), _ctx.n('clock-item--active')], [_ctx.isDisable(timeScale), _ctx.n('clock-item--disable')])),
-      key: timeScale,
-      style: _normalizeStyle(_ctx.getStyle(index, timeScale, false))
-    }, _toDisplayString(timeScale), 7 /* TEXT, CLASS, STYLE */);
-  }), 128 /* KEYED_FRAGMENT */)), _ctx.format === '24hr' && _ctx.type === 'hour' ? (_openBlock(), _createElementBlock("div", {
-    key: 0,
-    class: _normalizeClass(_ctx.n('clock-inner')),
-    ref: "inner"
-  }, [(_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.hours24, (hour, index) => {
-    return _openBlock(), _createElementBlock("div", {
-      class: _normalizeClass(_ctx.classes(_ctx.n('clock-item'), [_ctx.isActive(index, true), _ctx.n('clock-item--active')], [_ctx.isDisable(hour), _ctx.n('clock-item--disable')])),
-      key: hour,
-      style: _normalizeStyle(_ctx.getStyle(index, hour, true))
-    }, _toDisplayString(hour), 7 /* TEXT, CLASS, STYLE */);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)) : _createCommentVNode("v-if", true)], 2 /* CLASS */);
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      class: _normalizeClass(_ctx.n("clock"))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          class: _normalizeClass(_ctx.n("clock-hand")),
+          style: _normalizeStyle(_ctx.handStyle)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ),
+      (_openBlock(true), _createElementBlock(
+        _Fragment,
+        null,
+        _renderList(_ctx.timeScales, (timeScale, index) => {
+          return _openBlock(), _createElementBlock(
+            "div",
+            {
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("clock-item"),
+                  [_ctx.isActive(index, false), _ctx.n("clock-item--active")],
+                  [_ctx.isDisable(timeScale), _ctx.n("clock-item--disable")]
+                )
+              ),
+              key: timeScale,
+              style: _normalizeStyle(_ctx.getStyle(index, timeScale, false))
+            },
+            _toDisplayString(timeScale),
+            7
+            /* TEXT, CLASS, STYLE */
+          );
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      )),
+      _ctx.format === "24hr" && _ctx.type === "hour" ? (_openBlock(), _createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: _normalizeClass(_ctx.n("clock-inner")),
+          ref: "inner"
+        },
+        [
+          (_openBlock(true), _createElementBlock(
+            _Fragment,
+            null,
+            _renderList(_ctx.hours24, (hour, index) => {
+              return _openBlock(), _createElementBlock(
+                "div",
+                {
+                  class: _normalizeClass(
+                    _ctx.classes(
+                      _ctx.n("clock-item"),
+                      [_ctx.isActive(index, true), _ctx.n("clock-item--active")],
+                      [_ctx.isDisable(hour), _ctx.n("clock-item--disable")]
+                    )
+                  ),
+                  key: hour,
+                  style: _normalizeStyle(_ctx.getStyle(index, hour, true))
+                },
+                _toDisplayString(hour),
+                7
+                /* TEXT, CLASS, STYLE */
+              );
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        2
+        /* CLASS */
+      )) : _createCommentVNode("v-if", true)
+    ],
+    2
+    /* CLASS */
+  );
 }
-
-var __sfc__ = defineComponent({
-  name: 'Clock',
+const __sfc__ = defineComponent({
+  name: "Clock",
   props: {
     isInner: {
       type: Boolean,
@@ -47,7 +103,7 @@ var __sfc__ = defineComponent({
     },
     format: {
       type: String,
-      default: 'ampm'
+      default: "ampm"
     },
     allowedTime: {
       type: Object
@@ -66,11 +122,11 @@ var __sfc__ = defineComponent({
     },
     type: {
       type: String,
-      default: 'hour'
+      default: "hour"
     },
     ampm: {
       type: String,
-      default: 'am'
+      default: "am"
     },
     color: {
       type: String
@@ -82,34 +138,32 @@ var __sfc__ = defineComponent({
       type: String
     }
   },
-  emits: ['update', 'change-prevent-update'],
-  setup(props, _ref) {
-    var {
-      emit
-    } = _ref;
-    var inner = ref(null);
-    var disableHour = ref([]);
-    var disable24HourIndex = ref([]);
-    var handStyle = computed(() => ({
-      transform: "rotate(" + toNumber(props.rad) + "deg)",
-      height: props.isInner && props.type === 'hour' ? 'calc(50% - 40px)' : 'calc(50% - 4px)',
+  emits: ["update", "change-prevent-update"],
+  setup(props, { emit }) {
+    const inner = ref(null);
+    const disableHour = ref([]);
+    const disable24HourIndex = ref([]);
+    const handStyle = computed(() => ({
+      transform: `rotate(${toNumber(props.rad)}deg)`,
+      height: props.isInner && props.type === "hour" ? "calc(50% - 40px)" : "calc(50% - 4px)",
       backgroundColor: getHandleColor(),
       borderColor: getHandleColor()
     }));
-    var activeItemIndex = computed(() => {
-      if (props.rad === undefined) return;
-      var value = props.rad / 30;
+    const activeItemIndex = computed(() => {
+      if (props.rad === void 0)
+        return;
+      const value = props.rad / 30;
       return value >= 0 ? value : value + 12;
     });
-    var timeScales = computed(() => {
-      if (props.type === 'hour') return hoursAmpm;
+    const timeScales = computed(() => {
+      if (props.type === "hour")
+        return hoursAmpm;
       return minSec;
     });
-    var isDisableMinSec = (time, isDisable) => {
-      var _time;
-      time = (_time = time) != null ? _time : props.type === 'minute' ? props.time.minute : props.time.second;
-      var disableMethod = props.type === 'minute' ? getIsDisableMinute : getIsDisableSecond;
-      var values = {
+    const isDisableMinSec = (time, isDisable2) => {
+      time = time != null ? time : props.type === "minute" ? props.time.minute : props.time.second;
+      const disableMethod = props.type === "minute" ? getIsDisableMinute : getIsDisableSecond;
+      const values = {
         time: toNumber(time),
         format: props.format,
         ampm: props.ampm,
@@ -120,151 +174,144 @@ var __sfc__ = defineComponent({
         allowedTime: props.allowedTime,
         disableHour: disableHour.value
       };
-      if (isDisable && props.type === 'minute') Reflect.deleteProperty(values, 'minute');
+      if (isDisable2 && props.type === "minute")
+        Reflect.deleteProperty(values, "minute");
       return disableMethod(values);
     };
-    var getHandleColor = () => {
-      if (activeItemIndex.value === undefined) return props.color;
-      var hour = props.isInner ? hours24[activeItemIndex.value] : timeScales.value[activeItemIndex.value];
+    const getHandleColor = () => {
+      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() ? '#bdbdbd' : props.color;
+        return isDisableMinSec() ? "#bdbdbd" : props.color;
       }
-      return isDisable(hour) ? '#bdbdbd' : props.color;
+      return isDisable(hour) ? "#bdbdbd" : props.color;
     };
-    var isActive = (index, inner) => {
-      if (inner) return activeItemIndex.value === index && props.isInner;
-      return activeItemIndex.value === index && (!props.isInner || props.type !== 'hour');
+    const isActive = (index, inner2) => {
+      if (inner2)
+        return activeItemIndex.value === index && props.isInner;
+      return activeItemIndex.value === index && (!props.isInner || props.type !== "hour");
     };
-    var isDisable = time => {
-      if (props.type === 'hour') {
-        if (notConvert(props.format, props.ampm)) return disableHour.value.includes(time);
-        var timeIndex = hoursAmpm.findIndex(hour => hour === time);
+    const isDisable = (time) => {
+      if (props.type === "hour") {
+        if (notConvert(props.format, props.ampm))
+          return disableHour.value.includes(time);
+        const timeIndex = hoursAmpm.findIndex((hour) => hour === time);
         return disable24HourIndex.value.includes(timeIndex);
       }
       return isDisableMinSec(time, true);
     };
-    var getStyle = (index, hour, inner) => {
-      var rad = 2 * Math.PI / 12 * index - Math.PI / 2;
-      var left = 50 * (1 + Math.cos(rad));
-      var top = 50 * (1 + Math.sin(rad));
-      var computedColor = () => {
-        if (!isActive(index, inner)) {
+    const getStyle = (index, hour, inner2) => {
+      const rad = 2 * Math.PI / 12 * index - Math.PI / 2;
+      const left = 50 * (1 + Math.cos(rad));
+      const top = 50 * (1 + Math.sin(rad));
+      const computedColor = () => {
+        if (!isActive(index, inner2)) {
           return {
-            backgroundColor: undefined,
-            color: undefined
+            backgroundColor: void 0,
+            color: void 0
           };
         }
         if (isDisable(hour)) {
           return {
-            backgroundColor: '#bdbdbd',
-            color: '#fff'
+            backgroundColor: "#bdbdbd",
+            color: "#fff"
           };
         }
         return {
           backgroundColor: props.color,
-          color: undefined
+          color: void 0
         };
       };
-      var {
-        backgroundColor,
-        color
-      } = computedColor();
+      const { backgroundColor, color } = computedColor();
       return {
-        left: left + "%",
-        top: top + "%",
+        left: `${left}%`,
+        top: `${top}%`,
         backgroundColor,
         color
       };
     };
-    var getSize = () => {
-      var {
-        width,
-        height
-      } = getRect(inner.value);
+    const getSize = () => {
+      const { width, height } = getRect(inner.value);
       return {
         width,
         height
       };
     };
-    var getHour = () => {
-      if (activeItemIndex.value === undefined) return undefined;
-      var hours = props.ampm === 'am' ? hoursAmpm : hours24;
-      return padStart(hours[activeItemIndex.value], 2, '0');
+    const getHour = () => {
+      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], (_ref2, _ref3) => {
-      var [index, inner] = _ref2;
-      var [oldIndex, oldInner] = _ref3;
-      var isSame = index === oldIndex && inner === oldInner;
-      if (isSame || props.type !== 'hour' || activeItemIndex.value === undefined) return;
-      var newHour = inner ? hours24[activeItemIndex.value] : getHour();
-      var second = props.useSeconds ? ":" + props.time.second : '';
-      var newTime = newHour + ":" + props.time.minute + second;
-      if (!props.preventNextUpdate) emit('update', newTime);
-      emit('change-prevent-update');
+    watch([activeItemIndex, () => props.isInner], ([index, inner2], [oldIndex, oldInner]) => {
+      const isSame = index === oldIndex && inner2 === oldInner;
+      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);
+      emit("change-prevent-update");
     });
-    watch(() => props.rad, (rad, oldRad) => {
-      if (props.type === 'hour' || rad === undefined || oldRad === undefined) return;
-      var radToMinSec = rad / 6 >= 0 ? rad / 6 : rad / 6 + 60;
-      var oldRadToMinSec = oldRad / 6 >= 0 ? oldRad / 6 : oldRad / 6 + 60;
-      if (radToMinSec === oldRadToMinSec) return;
-      var newTime;
-      var {
-        hourStr
-      } = convertHour(props.format, props.ampm, props.time.hour);
-      if (props.type === 'minute') {
-        var newMinute = dayjs().minute(radToMinSec).format('mm');
-        var second = props.useSeconds ? ":" + props.time.second : '';
-        newTime = hourStr + ":" + newMinute + second;
-      }
-      if (props.type === 'second') {
-        var newSecond = dayjs().second(radToMinSec).format('ss');
-        var _second = props.useSeconds ? ":" + newSecond : '';
-        newTime = hourStr + ":" + props.time.minute + _second;
-      }
-      emit('update', newTime);
-    });
-    watch([() => props.max, () => props.min, () => props.allowedTime], _ref4 => {
-      var [max, min, allowedTime] = _ref4;
-      disableHour.value = [];
-      if (max && !min) {
-        var {
-          hour: maxHour
-        } = getNumberTime(max);
-        var disableAmpmHours = hoursAmpm.filter(hour => toNumber(hour) > maxHour);
-        var disable24Hours = hours24.filter(hour => toNumber(hour) > maxHour);
-        disableHour.value = [...disableAmpmHours, ...disable24Hours];
-      }
-      if (!max && min) {
-        var {
-          hour: minHour
-        } = getNumberTime(min);
-        var _disableAmpmHours = hoursAmpm.filter(hour => toNumber(hour) < minHour);
-        var _disable24Hours = hours24.filter(hour => toNumber(hour) < minHour);
-        disableHour.value = [..._disableAmpmHours, ..._disable24Hours];
-      }
-      if (max && min) {
-        var {
-          hour: _maxHour
-        } = getNumberTime(max);
-        var {
-          hour: _minHour
-        } = getNumberTime(min);
-        var _disableAmpmHours2 = hoursAmpm.filter(hour => toNumber(hour) < _minHour || toNumber(hour) > _maxHour);
-        var _disable24Hours2 = hours24.filter(hour => toNumber(hour) < _minHour || toNumber(hour) > _maxHour);
-        disableHour.value = [..._disableAmpmHours2, ..._disable24Hours2];
-      }
-      if (allowedTime != null && allowedTime.hours) {
-        var {
-          hours
-        } = allowedTime;
-        var _disableAmpmHours3 = hoursAmpm.filter(hour => !hours(toNumber(hour)));
-        var _disable24Hours3 = hours24.filter(hour => !hours(toNumber(hour)));
-        disableHour.value = [...new Set([...disableHour.value, ..._disableAmpmHours3, ..._disable24Hours3])];
+    watch(
+      () => props.rad,
+      (rad, oldRad) => {
+        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;
+        let newTime;
+        const { hourStr } = convertHour(props.format, props.ampm, props.time.hour);
+        if (props.type === "minute") {
+          const newMinute = dayjs().minute(radToMinSec).format("mm");
+          const second = props.useSeconds ? `:${props.time.second}` : "";
+          newTime = `${hourStr}:${newMinute}${second}`;
+        }
+        if (props.type === "second") {
+          const newSecond = dayjs().second(radToMinSec).format("ss");
+          const second = props.useSeconds ? `:${newSecond}` : "";
+          newTime = `${hourStr}:${props.time.minute}${second}`;
+        }
+        emit("update", newTime);
       }
-      disable24HourIndex.value = disableHour.value.map(hour => hours24.findIndex(hour24 => hour === hour24)).filter(hour => hour >= 0);
-    }, {
-      immediate: true
-    });
+    );
+    watch(
+      [() => props.max, () => props.min, () => props.allowedTime],
+      ([max, min, allowedTime]) => {
+        disableHour.value = [];
+        if (max && !min) {
+          const { hour: maxHour } = getNumberTime(max);
+          const disableAmpmHours = hoursAmpm.filter((hour) => toNumber(hour) > maxHour);
+          const disable24Hours = hours24.filter((hour) => toNumber(hour) > maxHour);
+          disableHour.value = [...disableAmpmHours, ...disable24Hours];
+        }
+        if (!max && min) {
+          const { hour: minHour } = getNumberTime(min);
+          const disableAmpmHours = hoursAmpm.filter((hour) => toNumber(hour) < minHour);
+          const disable24Hours = hours24.filter((hour) => toNumber(hour) < minHour);
+          disableHour.value = [...disableAmpmHours, ...disable24Hours];
+        }
+        if (max && min) {
+          const { hour: maxHour } = getNumberTime(max);
+          const { hour: minHour } = getNumberTime(min);
+          const disableAmpmHours = hoursAmpm.filter((hour) => toNumber(hour) < minHour || toNumber(hour) > maxHour);
+          const disable24Hours = hours24.filter((hour) => toNumber(hour) < minHour || toNumber(hour) > maxHour);
+          disableHour.value = [...disableAmpmHours, ...disable24Hours];
+        }
+        if (allowedTime == null ? void 0 : allowedTime.hours) {
+          const { hours } = allowedTime;
+          const disableAmpmHours = hoursAmpm.filter((hour) => !hours(toNumber(hour)));
+          const disable24Hours = hours24.filter((hour) => !hours(toNumber(hour)));
+          disableHour.value = [.../* @__PURE__ */ new Set([...disableHour.value, ...disableAmpmHours, ...disable24Hours])];
+        }
+        disable24HourIndex.value = disableHour.value.map((hour) => hours24.findIndex((hour24) => hour === hour24)).filter((hour) => hour >= 0);
+      },
+      { immediate: true }
+    );
     return {
       n,
       classes,
@@ -282,4 +329,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/time-picker/index.mjs

@@ -1,6 +1,11 @@
-import TimePicker from './TimePicker.mjs';
-import { withInstall } from '../utils/components.mjs';
+import TimePicker from "./TimePicker.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(TimePicker);
-export { props as timePickerProps } from './props.mjs';
-export var _TimePickerComponent = TimePicker;
-export default TimePicker;
+import { props } from "./props.mjs";
+const _TimePickerComponent = TimePicker;
+var stdin_default = TimePicker;
+export {
+  _TimePickerComponent,
+  stdin_default as default,
+  props as timePickerProps
+};

package/es/time-picker/props.mjs

@@ -1,8 +1,8 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var hoursAmpm = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];
-export var hours24 = ['00', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23'];
-export var minSec = ['00', '05', '10', '15', '20', '25', '30', '35', '40', '45', '50', '55'];
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const hoursAmpm = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+const hours24 = ["00", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
+const minSec = ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55"];
+const props = {
   modelValue: String,
   elevation: {
     type: [Boolean, Number, String],
@@ -12,13 +12,19 @@ export var props = {
   headerColor: String,
   format: {
     type: String,
-    default: 'ampm'
+    default: "ampm"
   },
   allowedTime: Object,
   min: String,
   max: String,
   useSeconds: Boolean,
   readonly: Boolean,
-  'onUpdate:modelValue': defineListenerProp(),
+  "onUpdate:modelValue": defineListenerProp(),
   onChange: defineListenerProp()
-};
+};
+export {
+  hours24,
+  hoursAmpm,
+  minSec,
+  props
+};