@varlet/ui 2.9.3 → 2.9.4-alpha.1679927847009

package/es/bottom-navigation-item/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY } from '../bottom-navigation/provide.mjs';
 export function useBottomNavigation() {
   var {
@@ -8,7 +9,7 @@ export function useBottomNavigation() {
   } = useParent(BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY);
 
   if (!bindParent) {
-    throw Error('<var-bottom-navigation-item/> must in <var-bottom-navigation/>');
+    error('BottomNavigationItem', '<var-bottom-navigation-item/> must in <var-bottom-navigation/>');
   }
 
   return {

package/es/breadcrumb/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY } from '../breadcrumbs/provide.mjs';
 export function useBreadcrumb() {
   var {
@@ -8,7 +9,7 @@ export function useBreadcrumb() {
   } = useParent(BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY);
 
   if (!bindParent) {
-    throw Error('<var-breadcrumb/> must in <var-breadcrumbs/>');
+    error('Breadcrumb', '<var-breadcrumb/> must in <var-breadcrumbs/>');
   }
 
   return {

package/es/collapse-item/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { COLLAPSE_BIND_COLLAPSE_ITEM_KEY } from '../collapse/provide.mjs';
 export function useCollapse() {
   var {
@@ -8,7 +9,7 @@ export function useCollapse() {
   } = useParent(COLLAPSE_BIND_COLLAPSE_ITEM_KEY);
 
   if (!bindParent) {
-    throw Error('[Varlet] Collapse: <var-collapse-item/> must in <var-collapse>');
+    error('Collapse', '<var-collapse-item/> must in <var-collapse>');
   }
 
   return {

package/es/index-anchor/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { INDEX_BAR_BIND_INDEX_ANCHOR_KEY } from '../index-bar/provide.mjs';
 export function useIndexBar() {
   var {
@@ -8,7 +9,7 @@ export function useIndexBar() {
   } = useParent(INDEX_BAR_BIND_INDEX_ANCHOR_KEY);
 
   if (!bindParent) {
-    throw Error('[Varlet] IndexAnchor: You should use this component in "IndexBar"');
+    error('IndexAnchor', 'You should use this component in "IndexBar"');
   }
 
   return {

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.3'
+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.3'
+const version = '2.9.4-alpha.1679927847009'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/option/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { SELECT_BIND_OPTION_KEY } from '../select/provide.mjs';
 export function useSelect() {
   var {
@@ -8,7 +9,7 @@ export function useSelect() {
   } = useParent(SELECT_BIND_OPTION_KEY);
 
   if (!bindParent) {
-    throw Error('<var-option/> must in <var-select/>');
+    error('Option', '<var-option/> must in <var-select/>');
   }
 
   return {

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/select/Select.mjs

@@ -9,6 +9,7 @@ import { useValidation, createNamespace, call } from '../utils/components.mjs';
 import { useOptions } from './provide.mjs';
 import { useForm } from '../form/provide.mjs';
 import { toPxNum } from '../utils/elements.mjs';
+import { error } from '../utils/logger.mjs';
 var {
   n,
   classes
@@ -466,7 +467,7 @@ var __sfc__ = defineComponent({
       } = props;
 
       if (multiple && !isArray(modelValue)) {
-        throw Error('The modelValue must be an array when multiple is true');
+        error('Select', 'The modelValue must be an array when multiple is true');
       }
     });
     watch(() => props.modelValue, syncOptions, {

package/es/slider/Slider.mjs

@@ -5,6 +5,7 @@ import { useForm } from '../form/provide.mjs';
 import VarHoverOverlay, { useHoverOverlay } from '../hover-overlay/index.mjs';
 import Hover from '../hover/index.mjs';
 import { getLeft, multiplySizeUnit } from '../utils/elements.mjs';
+import { warn } from '../utils/logger.mjs';
 import { isArray, isNumber, toNumber } from '@varlet/shared';
 import { props, Thumbs } from './props.mjs';
 import { useMounted } from '@varlet/use';
@@ -338,12 +339,12 @@ var __sfc__ = defineComponent({
       var stepNumber = toNumber(props.step);
 
       if (isNaN(stepNumber)) {
-        console.warn('[Varlet] Slider: type of prop "step" should be Number');
+        warn('Slider', 'type of prop "step" should be Number');
         return false;
       }
 
       if (stepNumber < 0) {
-        console.warn('[Varlet] Slider: "step" should be > 0');
+        warn('Slider', '"step" should be > 0');
         return false;
       }
 

package/es/step/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { STEPS_BIND_STEP_KEY } from '../steps/provide.mjs';
 export function useSteps() {
   var {
@@ -8,7 +9,7 @@ export function useSteps() {
   } = useParent(STEPS_BIND_STEP_KEY);
 
   if (!bindParent) {
-    throw Error('[Varlet] Steps: <step/> must in <steps>');
+    error('Steps', '<step/> must in <steps>');
   }
 
   return {

package/es/swipe-item/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { SWIPE_BIND_SWIPE_ITEM_KEY } from '../swipe/provide.mjs';
 export function useSwipe() {
   var {
@@ -8,7 +9,7 @@ export function useSwipe() {
   } = useParent(SWIPE_BIND_SWIPE_ITEM_KEY);
 
   if (!bindParent) {
-    throw Error('<var-swipe-item/> must in <var-swipe/>');
+    error('SwipeItem', '<var-swipe-item/> must in <var-swipe/>');
   }
 
   return {

package/es/tab/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { TABS_BIND_TAB_KEY } from '../tabs/provide.mjs';
 export function useTabs() {
   var {
@@ -8,7 +9,7 @@ export function useTabs() {
   } = useParent(TABS_BIND_TAB_KEY);
 
   if (!bindParent) {
-    throw Error('<var-tab/> must in <var-tabs/>');
+    error('Tab', '<var-tab/> must in <var-tabs/>');
   }
 
   return {

package/es/tab-item/provide.mjs

@@ -1,4 +1,5 @@
 import { useParent } from '@varlet/use';
+import { error } from '../utils/logger.mjs';
 import { TABS_ITEMS_BIND_TAB_ITEM_KEY } from '../tabs-items/provide.mjs';
 export function useTabsItems() {
   var {
@@ -8,7 +9,7 @@ export function useTabsItems() {
   } = useParent(TABS_ITEMS_BIND_TAB_ITEM_KEY);
 
   if (!bindParent) {
-    throw Error('<var-tab-item/> must in <var-tabs-items/>');
+    error('TabItem', '<var-tab-item/> must in <var-tabs-items/>');
   }
 
   return {

package/es/utils/elements.mjs

@@ -4,6 +4,7 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 
 import { isNumber, isObject, isString, kebabCase, toNumber } from '@varlet/shared';
 import { getGlobalThis } from './shared.mjs';
+import { error } from '../utils/logger.mjs';
 export function getLeft(element) {
   var {
     left
@@ -98,14 +99,27 @@ export function getTarget(target, componentName) {
     var el = document.querySelector(target);
 
     if (!el) {
-      throw Error("[Varlet] " + componentName + ": target element cannot found");
+      error(componentName, 'target element cannot found');
     }
 
     return el;
   }
 
   if (isObject(target)) return target;
-  throw Error("[Varlet] " + componentName + ": type of prop \"target\" should be a selector or an element object");
+  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
@@ -116,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)
 
@@ -145,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
@@ -158,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;
   }
 

package/es/utils/logger.mjs

@@ -0,0 +1,6 @@
+export function error(source, message) {
+  throw Error("Varlet [" + source + "]: " + message);
+}
+export function warn(source, message) {
+  console.warn("Varlet [" + source + "]: " + message);
+}