@varlet/ui 2.0.0-alpha.1663742071515 → 2.0.0-alpha.1664032365126

package/es/button/Button.js

@@ -67,7 +67,9 @@ export default defineComponent({
     var attemptAutoLoading = result => {
       if (props.autoLoading) {
         pending.value = true;
-        Promise.resolve(result).finally(() => {
+        Promise.resolve(result).then(() => {
+          pending.value = false;
+        }).catch(() => {
           pending.value = false;
         });
       }

package/es/countdown/Countdown.js

@@ -1,8 +1,9 @@
 import { defineComponent, ref, watch } from 'vue';
 import { props } from './props';
 import { requestAnimationFrame, cancelAnimationFrame } from '../utils/elements';
-import { toNumber } from '@varlet/shared';
 import { call, createNamespace } from '../utils/components';
+import { padStart } from '../utils/shared';
+import { toNumber } from '@varlet/shared';
 var {
   n
 } = createNamespace('countdown');
@@ -47,12 +48,12 @@ export default defineComponent({
         if (!format.includes(scannedFormat)) {
           scannedTimes[index + 1] += scannedTimes[index] * padValues[index];
         } else {
-          format = format.replace(scannedFormat, String(scannedTimes[index]).padStart(2, '0'));
+          format = format.replace(scannedFormat, padStart("" + scannedTimes[index], 2, '0'));
         }
       });
 
       if (format.includes('S')) {
-        var ms = String(scannedTimes[scannedTimes.length - 1]).padStart(3, '0');
+        var ms = padStart("" + scannedTimes[scannedTimes.length - 1], 3, '0');
 
         if (format.includes('SSS')) {
           format = format.replace('SSS', ms);

package/es/date-picker/DatePicker.js

@@ -7,6 +7,7 @@ import { props, MONTH_LIST, WEEK_HEADER } from './props';
 import { isArray, toNumber } from '@varlet/shared';
 import { nextTickFrame } from '../utils/elements';
 import { createNamespace, call } from '../utils/components';
+import { padStart } from '../utils/shared';
 import { pack } from '../locale';
 var {
   n,
@@ -243,7 +244,7 @@ export default defineComponent({
       var week = WEEK_HEADER.find(value => value.index === "" + weekIndex);
       var weekName = (_pack$value$datePicke3 = (_pack$value$datePicke4 = pack.value.datePickerWeekDict) == null ? void 0 : _pack$value$datePicke4[week.index].name) != null ? _pack$value$datePicke3 : '';
       var monthName = (_pack$value$datePicke5 = (_pack$value$datePicke6 = pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke6[chooseMonth.value.index].name) != null ? _pack$value$datePicke5 : '';
-      var showDay = chooseDay.value.padStart(2, '0');
+      var showDay = padStart(chooseDay.value, 2, '0');
       if (pack.value.lang === 'zh-CN') return chooseMonth.value.index + "-" + showDay + " " + weekName.slice(0, 3);
       return weekName.slice(0, 3) + ", " + monthName.slice(0, 3) + " " + chooseDay.value;
     });
@@ -257,10 +258,10 @@ export default defineComponent({
       return !props.touchable || ['', 'year'].includes(getPanelType.value);
     });
     var slotProps = computed(() => {
-      var _chooseMonth$value, _chooseDay$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
+      var _chooseMonth$value, _chooseYear$value, _chooseMonth$value$in, _chooseMonth$value2;
 
       var weekIndex = dayjs(chooseYear.value + "-" + ((_chooseMonth$value = chooseMonth.value) == null ? void 0 : _chooseMonth$value.index) + "-" + chooseDay.value).day();
-      var date = chooseDay.value ? (_chooseDay$value = chooseDay.value) == null ? void 0 : _chooseDay$value.padStart(2, '0') : '';
+      var date = chooseDay.value ? padStart(chooseDay.value, 2, '0') : '';
       return {
         week: "" + weekIndex,
         year: (_chooseYear$value = chooseYear.value) != null ? _chooseYear$value : '',

package/es/snackbar/style/index.js

@@ -1,8 +1,8 @@
 import '../../styles/common.css'
+import '../SnackbarSfc.css'
 import '../../styles/elevation.css'
 import '../../loading/loading.css'
 import '../../button/button.css'
 import '../../icon/icon.css'
 import '../snackbar.css'
 import '../coreSfc.css'
-import '../SnackbarSfc.css'

package/es/time-picker/TimePicker.js

@@ -4,6 +4,7 @@ import Clock from './clock.js'
 import { props, hoursAmpm, hours24 } from './props';
 import { toNumber } from '@varlet/shared';
 import { createNamespace, call } from '../utils/components';
+import { padStart } from '../utils/shared';
 import { getNumberTime, getIsDisableMinute, getIsDisableSecond } from './utils';
 var {
   n,
@@ -195,7 +196,7 @@ export default defineComponent({
       var newHour = findAvailableHour(ampmType);
       if (!newHour) return;
       var second = props.useSeconds ? ":" + time.value.second : '';
-      var newTime = newHour.padStart(2, '0') + ":" + time.value.minute + second;
+      var newTime = padStart(newHour, 2, '0') + ":" + time.value.minute + second;
       update(newTime);
     };
 
@@ -374,7 +375,7 @@ export default defineComponent({
         time.value = getTime(value);
 
         if (props.format !== '24hr') {
-          ampm.value = ("" + hour).padStart(2, '0') === formatHour24 && hours24.includes(formatHour24) ? 'pm' : 'am';
+          ampm.value = padStart("" + hour, 2, '0') === formatHour24 && hours24.includes(formatHour24) ? 'pm' : 'am';
         }
 
         isInner.value = props.format === '24hr' && hours24.includes(formatHour24);

package/es/time-picker/clock.js

@@ -4,6 +4,7 @@ import { hoursAmpm, hours24, minSec } from './props';
 import { notConvert, convertHour, getIsDisableMinute, getIsDisableSecond, getNumberTime } from './utils';
 import { toNumber } from '@varlet/shared';
 import { createNamespace } from '../utils/components';
+import { padStart } from '../utils/shared';
 var {
   n,
   classes
@@ -218,7 +219,7 @@ export default defineComponent({
     var getHour = () => {
       if (activeItemIndex.value === undefined) return undefined;
       var hours = props.ampm === 'am' ? hoursAmpm : hours24;
-      return hours[activeItemIndex.value].padStart(2, '0');
+      return padStart(hours[activeItemIndex.value], 2, '0');
     };
 
     watch([activeItemIndex, () => props.isInner], (_ref2, _ref3) => {

package/es/utils/elements.js

@@ -3,6 +3,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 
 import { isNumber, isString, kebabCase, toNumber } from '@varlet/shared';
+import { getGlobalThis } from './shared';
 export function getLeft(element) {
   var {
     left
@@ -159,9 +160,11 @@ export var multiplySizeUnit = function (value, quantity) {
   return "" + parseFloat(legalSize) * quantity + unit;
 };
 export function requestAnimationFrame(fn) {
+  var globalThis = getGlobalThis();
   return globalThis.requestAnimationFrame ? globalThis.requestAnimationFrame(fn) : globalThis.setTimeout(fn, 16);
 }
 export function cancelAnimationFrame(handle) {
+  var globalThis = getGlobalThis();
   globalThis.cancelAnimationFrame ? globalThis.cancelAnimationFrame(handle) : globalThis.clearTimeout(handle);
 }
 export function nextTickFrame(fn) {

package/es/utils/shared.js

@@ -44,4 +44,23 @@ export var createCache = max => {
 export var linear = value => value;
 export var cubic = value => Math.pow(value, 3);
 export var easeInOutCubic = value => value < 0.5 ? cubic(value * 2) / 2 : 1 - cubic((1 - value) * 2) / 2;
-export var dt = (value, defaultText) => value == null ? defaultText : value;
+export var dt = (value, defaultText) => value == null ? defaultText : value;
+export var getGlobalThis = () => {
+  if (typeof globalThis !== 'undefined') return globalThis;
+  if (typeof window !== 'undefined') return window;
+  return typeof global !== 'undefined' ? global : self;
+};
+export var padStart = function (str, maxLength, fillString) {
+  if (str === void 0) {
+    str = '';
+  }
+
+  if (fillString === void 0) {
+    fillString = '';
+  }
+
+  if (str.length >= maxLength) return str;
+  var len = maxLength - str.length;
+  var repeatCount = Math.floor(len / fillString.length);
+  return fillString.repeat(repeatCount) + fillString.slice(0, len % fillString.length) + str;
+};