@varlet/ui 2.16.2 → 2.16.3-alpha.1694361535255

package/es/collapse-item/CollapseItem.mjs

@@ -7,6 +7,7 @@ import { createNamespace, formatElevation } from '../utils/components.mjs';
 import { useCollapse } from './provide.mjs';
 import { props } from './props.mjs';
 var {
+  name,
   n,
   classes
 } = createNamespace('collapse-item');
@@ -44,21 +45,21 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarCollapseItem',
+  name,
   components: {
     VarIcon
   },
   props,
   setup(props) {
+    var isShow = ref(false);
+    var showContent = ref(false);
+    var contentEl = ref(null);
+    var name = computed(() => props.name);
     var {
       index,
       collapse,
       bindCollapse
     } = useCollapse();
-    var isInitToTrigger = true; // ensure to trigger transitionend
-    var contentEl = ref(null);
-    var showContent = ref(false);
-    var isShow = ref(false);
     var {
       active,
       offset,
@@ -66,20 +67,23 @@ var __sfc__ = defineComponent({
       elevation,
       updateItem
     } = collapse;
-    var name = computed(() => props.name);
-    var init = (accordion, show) => {
-      if (active.value === undefined || accordion && isArray(active.value) || show === isShow.value) return;
-      isShow.value = show;
-      toggle(true);
-    };
-    var toggle = initOrAccordion => {
-      if (props.disabled) return;
-      if (!initOrAccordion) {
-        updateItem(props.name || index.value, !isShow.value);
-      }
+    var collapseItemProvider = {
+      index,
+      name,
+      init
     };
-    var openPanel = /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* () {
+
+    // ensure to trigger transitionend
+    var isInitToTrigger = true;
+    watch(isShow, value => {
+      value ? openPanel() : closePanel();
+    });
+    bindCollapse(collapseItemProvider);
+    function openPanel() {
+      return _openPanel.apply(this, arguments);
+    }
+    function _openPanel() {
+      _openPanel = _asyncToGenerator(function* () {
         if (!contentEl.value) {
           return;
         }
@@ -106,15 +110,13 @@ var __sfc__ = defineComponent({
           transitionend();
         }
       });
-      return function openPanel() {
-        return _ref.apply(this, arguments);
-      };
-    }();
-    var start = () => {
-      isInitToTrigger = false;
-    };
-    var closePanel = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* () {
+      return _openPanel.apply(this, arguments);
+    }
+    function closePanel() {
+      return _closePanel.apply(this, arguments);
+    }
+    function _closePanel() {
+      _closePanel = _asyncToGenerator(function* () {
         if (!contentEl.value) {
           return;
         }
@@ -125,36 +127,39 @@ var __sfc__ = defineComponent({
         yield raf();
         contentEl.value.style.height = 0 + 'px';
       });
-      return function closePanel() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-    var transitionend = () => {
+      return _closePanel.apply(this, arguments);
+    }
+    function init(accordion, show) {
+      if (active.value === undefined || accordion && isArray(active.value) || show === isShow.value) return;
+      isShow.value = show;
+      toggle(true);
+    }
+    function toggle(initOrAccordion) {
+      if (props.disabled) return;
+      if (!initOrAccordion) {
+        updateItem(props.name || index.value, !isShow.value);
+      }
+    }
+    function start() {
+      isInitToTrigger = false;
+    }
+    function transitionend() {
       if (!isShow.value) {
         showContent.value = false;
       }
       contentEl.value.style.height = '';
-    };
-    var collapseItemProvider = {
-      index,
-      name,
-      init
-    };
-    bindCollapse(collapseItemProvider);
-    watch(isShow, value => {
-      value ? openPanel() : closePanel();
-    });
+    }
     return {
-      n,
-      start,
-      classes,
-      showContent,
       isShow,
+      showContent,
       offset,
       divider,
       elevation,
-      toggle,
       contentEl,
+      n,
+      start,
+      classes,
+      toggle,
       transitionend,
       formatElevation
     };

package/es/countdown/Countdown.mjs

@@ -4,6 +4,7 @@ import { call, createNamespace } from '../utils/components.mjs';
 import { padStart } from '../utils/shared.mjs';
 import { toNumber, requestAnimationFrame, cancelAnimationFrame } from '@varlet/shared';
 var {
+  name,
   n
 } = createNamespace('countdown');
 var SECOND = 1000;
@@ -18,7 +19,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarCountdown',
+  name,
   props,
   setup(props) {
     var showTime = ref('');
@@ -34,7 +35,29 @@ var __sfc__ = defineComponent({
     var handle = 0;
     var remainingTime = 0;
     var cacheIsStart;
-    var parseFormat = (format, time) => {
+    watch(() => props.time, () => {
+      reset();
+      if (props.autoStart) {
+        start();
+      }
+    }, {
+      immediate: true
+    });
+    onActivated(() => {
+      if (cacheIsStart == null) {
+        return;
+      }
+      isStart = cacheIsStart;
+      if (isStart === true) {
+        start(true);
+      }
+    });
+    onDeactivated(() => {
+      cacheIsStart = isStart;
+      pause();
+    });
+    onUnmounted(pause);
+    function parseFormat(format, time) {
       var scannedTimes = Object.values(time);
       var scannedFormats = ['DD', 'HH', 'mm', 'ss'];
       var padValues = [24, 60, 60, 1000];
@@ -56,8 +79,8 @@ var __sfc__ = defineComponent({
         }
       }
       return format;
-    };
-    var displayTime = durationTime => {
+    }
+    function displayTime(durationTime) {
       var days = Math.floor(durationTime / DAY);
       var hours = Math.floor(durationTime % DAY / HOUR);
       var minutes = Math.floor(durationTime % HOUR / MINUTE);
@@ -73,8 +96,8 @@ var __sfc__ = defineComponent({
       timeData.value = time;
       call(props.onChange, timeData.value);
       showTime.value = parseFormat(props.format, time);
-    };
-    var countdown = () => {
+    }
+    function countdown() {
       var {
         time,
         onEnd
@@ -95,10 +118,10 @@ var __sfc__ = defineComponent({
       if (isStart) {
         handle = requestAnimationFrame(countdown);
       }
-    };
+    }
 
     // expose
-    var start = function (resume) {
+    function start(resume) {
       if (resume === void 0) {
         resume = false;
       }
@@ -108,43 +131,21 @@ var __sfc__ = defineComponent({
       isStart = true;
       endTime = performance.now() + (remainingTime || toNumber(props.time));
       countdown();
-    };
+    }
 
     // expose
-    var pause = () => {
+    function pause() {
       isStart = false;
       cancelAnimationFrame(handle);
-    };
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       endTime = 0;
       isStart = false;
       cancelAnimationFrame(handle);
       countdown();
-    };
-    watch(() => props.time, () => {
-      reset();
-      if (props.autoStart) {
-        start();
-      }
-    }, {
-      immediate: true
-    });
-    onActivated(() => {
-      if (cacheIsStart == null) {
-        return;
-      }
-      isStart = cacheIsStart;
-      if (isStart === true) {
-        start(true);
-      }
-    });
-    onDeactivated(() => {
-      cacheIsStart = isStart;
-      pause();
-    });
-    onUnmounted(pause);
+    }
     return {
       showTime,
       timeData,

package/es/counter/Counter.mjs

@@ -9,12 +9,13 @@ import { toNumber } from '@varlet/shared';
 import { toSizeUnit } from '../utils/elements.mjs';
 import { useForm } from '../form/provide.mjs';
 import { useValidation, createNamespace, call, formatElevation } from '../utils/components.mjs';
+var SPEED = 100;
+var DELAY = 600;
 var {
+  name,
   n,
   classes
 } = createNamespace('counter');
-var SPEED = 100;
-var DELAY = 600;
 import { resolveComponent as _resolveComponent, createVNode as _createVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, withCtx as _withCtx, vModelText as _vModelText, createElementVNode as _createElementVNode, withDirectives as _withDirectives, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 var _withScopeId = n => (_pushScopeId(""), n = n(), _popScopeId(), n);
 var _hoisted_1 = ["inputmode", "readonly", "disabled"];
@@ -84,7 +85,7 @@ function __render__(_ctx, _cache) {
 }
 
 var __sfc__ = defineComponent({
-  name: 'VarCounter',
+  name,
   components: {
     VarButton,
     VarIcon,
@@ -112,14 +113,41 @@ var __sfc__ = defineComponent({
       readonly: formReadonly,
       disabled: formDisabled
     } = form != null ? form : {};
+    var isMax = computed(() => {
+      var {
+        max,
+        modelValue
+      } = props;
+      return max != null && toNumber(modelValue) >= toNumber(max);
+    });
+    var isMin = computed(() => {
+      var {
+        min,
+        modelValue
+      } = props;
+      return min != null && toNumber(modelValue) <= toNumber(min);
+    });
     var incrementTimer;
     var decrementTimer;
     var incrementDelayTimer;
     var decrementDelayTimer;
+    var counterProvider = {
+      reset,
+      validate,
+      resetValidation
+    };
+    call(bindForm, counterProvider);
+    watch(() => props.modelValue, newValue => {
+      setNormalizedValue(normalizeValue(String(newValue)));
+      call(props.onChange, toNumber(newValue));
+    });
+    setNormalizedValue(normalizeValue(String(props.modelValue)));
 
     // expose
-    var validate = () => v(props.rules, props.modelValue);
-    var validateWithTrigger = trigger => {
+    function validate() {
+      return v(props.rules, props.modelValue);
+    }
+    function validateWithTrigger(trigger) {
       nextTick(() => {
         var {
           validateTrigger,
@@ -128,36 +156,17 @@ var __sfc__ = defineComponent({
         } = props;
         vt(validateTrigger, trigger, rules, modelValue);
       });
-    };
+    }
 
     // expose
-    var reset = () => {
+    function reset() {
       var {
         min
       } = props;
       call(props['onUpdate:modelValue'], min != null ? toNumber(min) : 0);
       resetValidation();
-    };
-    var counterProvider = {
-      reset,
-      validate,
-      resetValidation
-    };
-    var isMax = computed(() => {
-      var {
-        max,
-        modelValue
-      } = props;
-      return max != null && toNumber(modelValue) >= toNumber(max);
-    });
-    var isMin = computed(() => {
-      var {
-        min,
-        modelValue
-      } = props;
-      return min != null && toNumber(modelValue) <= toNumber(min);
-    });
-    var normalizeValue = value => {
+    }
+    function normalizeValue(value) {
       var {
         decimalLength,
         max,
@@ -175,8 +184,8 @@ var __sfc__ = defineComponent({
         value = num.toFixed(toNumber(decimalLength));
       }
       return value;
-    };
-    var handleChange = event => {
+    }
+    function handleChange(event) {
       var {
         lazyChange,
         onBeforeChange
@@ -187,8 +196,8 @@ var __sfc__ = defineComponent({
       var normalizedValue = normalizeValue(value);
       lazyChange ? call(onBeforeChange, toNumber(normalizedValue), change) : setNormalizedValue(normalizedValue);
       validateWithTrigger('onInputChange');
-    };
-    var decrement = () => {
+    }
+    function decrement() {
       var {
         disabled,
         readonly,
@@ -216,8 +225,8 @@ var __sfc__ = defineComponent({
         setNormalizedValue(normalizedValue);
         validateWithTrigger('onDecrement');
       }
-    };
-    var increment = () => {
+    }
+    function increment() {
       var {
         disabled,
         readonly,
@@ -245,8 +254,8 @@ var __sfc__ = defineComponent({
         setNormalizedValue(normalizedValue);
         validateWithTrigger('onIncrement');
       }
-    };
-    var pressDecrement = () => {
+    }
+    function pressDecrement() {
       var {
         press,
         lazyChange
@@ -257,8 +266,8 @@ var __sfc__ = defineComponent({
       decrementDelayTimer = window.setTimeout(() => {
         continuedDecrement();
       }, DELAY);
-    };
-    var pressIncrement = () => {
+    }
+    function pressIncrement() {
       var {
         press,
         lazyChange
@@ -269,52 +278,46 @@ var __sfc__ = defineComponent({
       incrementDelayTimer = window.setTimeout(() => {
         continuedIncrement();
       }, DELAY);
-    };
-    var releaseDecrement = () => {
+    }
+    function releaseDecrement() {
       decrementTimer && clearTimeout(decrementTimer);
       decrementDelayTimer && clearTimeout(decrementDelayTimer);
-    };
-    var releaseIncrement = () => {
+    }
+    function releaseIncrement() {
       incrementTimer && clearTimeout(incrementTimer);
       incrementDelayTimer && clearTimeout(incrementDelayTimer);
-    };
-    var continuedIncrement = () => {
+    }
+    function continuedIncrement() {
       incrementTimer = window.setTimeout(() => {
         increment();
         continuedIncrement();
       }, SPEED);
-    };
-    var continuedDecrement = () => {
+    }
+    function continuedDecrement() {
       decrementTimer = window.setTimeout(() => {
         decrement();
         continuedDecrement();
       }, SPEED);
-    };
-    var setNormalizedValue = normalizedValue => {
+    }
+    function setNormalizedValue(normalizedValue) {
       inputValue.value = normalizedValue;
       var normalizedValueNum = toNumber(normalizedValue);
       call(props['onUpdate:modelValue'], normalizedValueNum);
-    };
-    var change = value => {
+    }
+    function change(value) {
       setNormalizedValue(normalizeValue(String(value)));
       validateWithTrigger('onLazyChange');
-    };
-    call(bindForm, counterProvider);
-    watch(() => props.modelValue, newValue => {
-      setNormalizedValue(normalizeValue(String(newValue)));
-      call(props.onChange, toNumber(newValue));
-    });
-    setNormalizedValue(normalizeValue(String(props.modelValue)));
+    }
     return {
-      n,
-      classes,
-      formatElevation,
       inputValue,
       errorMessage,
       formDisabled,
       formReadonly,
       isMax,
       isMin,
+      n,
+      classes,
+      formatElevation,
       validate,
       reset,
       resetValidation,