@varlet/ui 2.9.4-alpha.1679850560801 → 2.9.4-alpha.1679927847009

package/es/index.bundle.mjs

@@ -241,7 +241,7 @@ import './time-picker/style/index.mjs'
 import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 
-const version = '2.9.4-alpha.1679850560801'
+const version = '2.9.4-alpha.1679927847009'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -160,7 +160,7 @@ export * from './time-picker/index.mjs'
 export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 
-const version = '2.9.4-alpha.1679850560801'
+const version = '2.9.4-alpha.1679927847009'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/pull-refresh/PullRefresh.mjs

@@ -3,7 +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 VarIcon from '../icon/index.mjs';
-import { defineComponent, ref, computed, watch } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick } from 'vue';
 import { getParentScroller, getScrollTop, getTarget } from '../utils/elements.mjs';
 import { props } from './props.mjs';
 import { isString, toNumber } from '@varlet/shared';
@@ -150,7 +150,9 @@ var __sfc__ = defineComponent({
           refreshStatus.value = 'loading';
           distance.value = maxDistance.value * 0.3;
           call(props['onUpdate:modelValue'], true);
-          call(props.onRefresh);
+          nextTick(() => {
+            call(props.onRefresh);
+          });
           lockEvent('remove');
         } else {
           refreshStatus.value = 'loosing';

package/es/utils/elements.mjs

@@ -107,6 +107,19 @@ export function getTarget(target, componentName) {
 
   if (isObject(target)) return target;
   error(componentName, 'type of prop "target" should be a selector or an element object');
+}
+export function getViewportSize() {
+  var {
+    innerWidth,
+    innerHeight
+  } = window;
+  return innerWidth > innerHeight ? {
+    vMin: innerHeight,
+    vMax: innerWidth
+  } : {
+    vMin: innerWidth,
+    vMax: innerHeight
+  };
 } // example 1rem
 
 export var isRem = value => isString(value) && value.endsWith('rem'); // e.g. 1 || 1px
@@ -117,7 +130,11 @@ export var isPercent = value => isString(value) && value.endsWith('%'); // e.g.
 
 export var isVw = value => isString(value) && value.endsWith('vw'); // e.g. 1vh
 
-export var isVh = value => isString(value) && value.endsWith('vh'); // e.g. calc(1px + 1px)
+export var isVh = value => isString(value) && value.endsWith('vh'); // e.g. 1vmin
+
+export var isVMin = value => isString(value) && value.endsWith('vmin'); // e.g. 1vmax
+
+export var isVMax = value => isString(value) && value.endsWith('vmax'); // e.g. calc(1px + 1px)
 
 export var isCalc = value => isString(value) && value.startsWith('calc('); // e.g. var(--color-primary)
 
@@ -146,6 +163,14 @@ export var toPxNum = value => {
     return num * parseFloat(rootFontSize);
   }
 
+  if (isVMin(value)) {
+    return getViewportSize().vMin;
+  }
+
+  if (isVMax(value)) {
+    return getViewportSize().vMax;
+  }
+
   if (isString(value)) {
     return toNumber(value);
   } // % and other
@@ -159,7 +184,7 @@ export var toSizeUnit = value => {
     return undefined;
   }
 
-  if (isPercent(value) || isVw(value) || isVh(value) || isRem(value) || isCalc(value) || isVar(value)) {
+  if (isPercent(value) || isVw(value) || isVh(value) || isRem(value) || isCalc(value) || isVar(value) || isVMin(value) || isVMax(value)) {
     return value;
   }