@varlet/ui 3.7.2 → 3.7.4-alpha.1734454650011

package/es/action-sheet/style/index.mjs

@@ -3,5 +3,5 @@ import '../../icon/icon.css'
 import '../../ripple/ripple.css'
 import '../../popup/popup.css'
 import '../actionSheet.css'
-import '../ActionItemSfc.css'
 import '../ActionSheetSfc.css'
+import '../ActionItemSfc.css'

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

@@ -1,5 +1,5 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import {
   BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
 } from "../bottom-navigation/provide.mjs";
@@ -7,9 +7,7 @@ function useBottomNavigation() {
   const { parentProvider, index, bindParent } = useParent(
     BOTTOM_NAVIGATION_BIND_BOTTOM_NAVIGATION_ITEM_KEY
   );
-  if (!bindParent) {
-    error("BottomNavigationItem", "<var-bottom-navigation-item/> must in <var-bottom-navigation/>");
-  }
+  assert(!!bindParent, "BottomNavigationItem", "<var-bottom-navigation-item/> must in <var-bottom-navigation/>");
   return {
     index,
     bottomNavigation: parentProvider,

package/es/breadcrumb/provide.mjs

@@ -1,13 +1,11 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY } from "../breadcrumbs/provide.mjs";
 function useBreadcrumb() {
   const { parentProvider, bindParent, index } = useParent(
     BREADCRUMBS_BIND_BREADCRUMB_ITEM_KEY
   );
-  if (!bindParent) {
-    error("Breadcrumb", "<var-breadcrumb/> must in <var-breadcrumbs/>");
-  }
+  assert(!!bindParent, "Breadcrumb", "<var-breadcrumb/> must in <var-breadcrumbs/>");
   return {
     index,
     breadcrumb: parentProvider,

package/es/collapse-item/provide.mjs

@@ -1,13 +1,11 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { COLLAPSE_BIND_COLLAPSE_ITEM_KEY } from "../collapse/provide.mjs";
 function useCollapse() {
   const { parentProvider, index, bindParent } = useParent(
     COLLAPSE_BIND_COLLAPSE_ITEM_KEY
   );
-  if (!bindParent) {
-    error("Collapse", "<var-collapse-item/> must in <var-collapse>");
-  }
+  assert(!!bindParent, "Collapse", "<var-collapse-item/> must in <var-collapse>");
   return {
     index,
     collapse: parentProvider,

package/es/date-picker/DatePicker.mjs

@@ -28,7 +28,7 @@ import {
   MONTH_LIST,
   WEEK_HEADER
 } from "./props.mjs";
-import { isArray, toNumber, doubleRaf, call } from "@varlet/shared";
+import { isArray, toNumber, doubleRaf, call, error } from "@varlet/shared";
 import { createNamespace, formatElevation } from "../utils/components.mjs";
 import { padStart } from "../utils/shared.mjs";
 import { t } from "../locale/index.mjs";
@@ -562,19 +562,21 @@ const __sfc__ = defineComponent({
     }
     function checkValue() {
       if ((props2.multiple || props2.range) && !isArray(props2.modelValue)) {
-        console.error('[Varlet] DatePicker: type of prop "modelValue" should be an Array');
+        error("DatePicker", 'type of prop "modelValue" should be an Array');
         return false;
       }
       if (!props2.multiple && !props2.range && isArray(props2.modelValue)) {
-        console.error('[Varlet] DatePicker: type of prop "modelValue" should be a String');
+        error("DatePicker", 'type of prop "modelValue" should be a String');
         return false;
       }
       return true;
     }
     function invalidFormatDate(date) {
-      if (isArray(date)) return false;
+      if (isArray(date)) {
+        return false;
+      }
       if (date === "Invalid Date") {
-        console.error('[Varlet] DatePicker: "modelValue" is an Invalid Date');
+        error("DatePicker", '"modelValue" is an Invalid Date');
         return true;
       }
       return false;

package/es/index-anchor/provide.mjs

@@ -1,13 +1,11 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { INDEX_BAR_BIND_INDEX_ANCHOR_KEY } from "../index-bar/provide.mjs";
 function useIndexBar() {
   const { parentProvider, index, bindParent } = useParent(
     INDEX_BAR_BIND_INDEX_ANCHOR_KEY
   );
-  if (!bindParent) {
-    error("IndexAnchor", 'You should use this component in "IndexBar"');
-  }
+  assert(!!bindParent, "IndexAnchor", 'You should use this component in "IndexBar"');
   return {
     index,
     indexBar: parentProvider,

package/es/index.bundle.mjs

@@ -280,7 +280,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.7.2'
+const version = '3.7.4-alpha.1734454650011'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -186,7 +186,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.7.2'
+const version = '3.7.4-alpha.1734454650011'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/menu-option/provide.mjs

@@ -1,13 +1,11 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { MENU_SELECT_BIND_MENU_OPTION_KEY } from "../menu-select/provide.mjs";
 function useMenuSelect() {
   const { index, parentProvider, bindParent } = useParent(
     MENU_SELECT_BIND_MENU_OPTION_KEY
   );
-  if (!bindParent) {
-    error("MenuOption", "<var-menu-option/> must in <var-menu-select/>");
-  }
+  assert(!!bindParent, "MenuOption", "<var-menu-option/> must in <var-menu-select/>");
   return {
     index,
     menuSelect: parentProvider,

package/es/option/provide.mjs

@@ -1,11 +1,9 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { SELECT_BIND_OPTION_KEY } from "../select/provide.mjs";
 function useSelect() {
   const { index, parentProvider, bindParent } = useParent(SELECT_BIND_OPTION_KEY);
-  if (!bindParent) {
-    error("Option", "<var-option/> must in <var-select/>");
-  }
+  assert(!!bindParent, "Option", "<var-option/> must in <var-select/>");
   return {
     index,
     select: parentProvider,

package/es/overlay/Overlay.mjs

@@ -1,13 +1,13 @@
-import { defineComponent, Teleport, Transition, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { defineComponent, Teleport, Transition, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { props } from "./props.mjs";
 import { useLock } from "../context/lock.mjs";
 import { useZIndex } from "../context/zIndex.mjs";
 import { createNamespace, useTeleport } from "../utils/components.mjs";
 import { call, preventDefault } from "@varlet/shared";
-
-
 import { useStack } from "../context/stack.mjs";
 import { useEventListener } from "@varlet/use";
+
+
 const {
   name,
   n
@@ -22,7 +22,7 @@ var stdin_default = defineComponent({
   }) {
     const {
       zIndex
-    } = useZIndex(() => props2.show, 1);
+    } = useZIndex(() => props2.show, 3);
     const {
       onStackTop
     } = useStack(() => props2.show, zIndex);
@@ -50,11 +50,20 @@ var stdin_default = defineComponent({
       return _createVNode("div", _mergeProps({
         "class": n(),
         "style": {
-          zIndex: zIndex.value
+          zIndex: zIndex.value - 2
         }
-      }, attrs, {
+      }, attrs), [_createVNode("div", {
+        "class": n("overlay"),
+        "style": {
+          zIndex: zIndex.value - 1
+        },
         "onClick": handleClickOverlay
-      }), [call(slots.default)]);
+      }, null), _createVNode("div", {
+        "class": n("content"),
+        "style": {
+          zIndex: zIndex.value
+        }
+      }, [call(slots.default)])]);
     }
     function renderTransitionOverlay() {
       return _createVNode(Transition, {

package/es/overlay/overlay.css

@@ -1 +1 @@
-:root { --overlay-background-color: rgba(0, 0, 0, 0.6);}.var-overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--overlay-background-color); transition: all 0.25s;}.var-overlay--fade-enter-from,.var-overlay--fade-leave-to { opacity: 0;}.var-overlay--fade-enter-active,.var-overlay--fade-leave-active { transition: opacity 0.25s;}
+:root { --overlay-background-color: rgba(0, 0, 0, 0.6);}.var-overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0;}.var-overlay--fade-enter-from,.var-overlay--fade-leave-to { opacity: 0;}.var-overlay--fade-enter-active,.var-overlay--fade-leave-active { transition: opacity 0.25s;}.var-overlay__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--overlay-background-color);}.var-overlay__content { position: relative;}

package/es/popup/popup.css

@@ -1 +1 @@
-:root { --popup-content-background-color: var(--color-surface-container-low); --popup-overlay-background-color: rgba(0, 0, 0, 0.6);}.var-fade-enter-from,.var-fade-leave-to { opacity: 0;}.var-fade-enter-active,.var-fade-leave-active { transition: opacity 0.25s;}.var-pop-center-enter-from,.var-pop-center-leave-to { transform: scale(0.3);}.var-pop-center-enter-active,.var-pop-center-leave-active { transition: all 0.25s;}.var-pop-bottom-enter-from,.var-pop-bottom-leave-to { transform: translateY(100%);}.var-pop-bottom-enter-active,.var-pop-bottom-leave-active { transition: all 0.25s;}.var-pop-top-enter-from,.var-pop-top-leave-to { transform: translateY(-100%);}.var-pop-top-enter-active,.var-pop-top-leave-active { transition: all 0.25s;}.var-pop-left-enter-from,.var-pop-left-leave-to { transform: translateX(-100%);}.var-pop-left-enter-active,.var-pop-left-leave-active { transition: all 0.25s;}.var-pop-right-enter-from,.var-pop-right-leave-to { transform: translateX(100%);}.var-pop-right-enter-active,.var-pop-right-leave-active { transition: all 0.25s;}.var-popup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; scrollbar-width: none;}.var-popup__overlay { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--popup-overlay-background-color); transition: all 0.25s;}.var-popup__content { overflow: auto; transition: all 0.25s; pointer-events: auto;}.var-popup--content-background-color { background-color: var(--popup-content-background-color);}.var-popup--center { position: relative;}.var-popup--bottom { width: 100%; position: absolute; left: 0; bottom: 0;}.var-popup--top { width: 100%; position: absolute; left: 0; top: 0;}.var-popup--left { height: 100%; position: absolute; left: 0; top: 0;}.var-popup--right { height: 100%; position: absolute; right: 0; top: 0;}.var-popup--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}.var-popup--safe-area-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);}.var-popup--pointer-events-none { pointer-events: none;}
+:root { --popup-content-background-color: var(--color-surface-container-low); --popup-overlay-background-color: rgba(0, 0, 0, 0.6);}.var-fade-enter-from,.var-fade-leave-to { opacity: 0;}.var-fade-enter-active,.var-fade-leave-active { transition: opacity 0.25s;}.var-pop-center-enter-from,.var-pop-center-leave-to { transform: scale(0.3);}.var-pop-center-enter-active,.var-pop-center-leave-active { transition: all 0.25s;}.var-pop-bottom-enter-from,.var-pop-bottom-leave-to { transform: translateY(100%);}.var-pop-bottom-enter-active,.var-pop-bottom-leave-active { transition: all 0.25s;}.var-pop-top-enter-from,.var-pop-top-leave-to { transform: translateY(-100%);}.var-pop-top-enter-active,.var-pop-top-leave-active { transition: all 0.25s;}.var-pop-left-enter-from,.var-pop-left-leave-to { transform: translateX(-100%);}.var-pop-left-enter-active,.var-pop-left-leave-active { transition: all 0.25s;}.var-pop-right-enter-from,.var-pop-right-leave-to { transform: translateX(100%);}.var-pop-right-enter-active,.var-pop-right-leave-active { transition: all 0.25s;}.var-popup { display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; scrollbar-width: none;}.var-popup__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--popup-overlay-background-color); transition: all 0.25s;}.var-popup__content { overflow: auto; transition: all 0.25s; pointer-events: auto;}.var-popup--content-background-color { background-color: var(--popup-content-background-color);}.var-popup--center { position: relative;}.var-popup--bottom { width: 100%; position: absolute; left: 0; bottom: 0;}.var-popup--top { width: 100%; position: absolute; left: 0; top: 0;}.var-popup--left { height: 100%; position: absolute; left: 0; top: 0;}.var-popup--right { height: 100%; position: absolute; right: 0; top: 0;}.var-popup--safe-area { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}.var-popup--safe-area-top { padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top);}.var-popup--pointer-events-none { pointer-events: none;}

package/es/select/Select.mjs

@@ -5,13 +5,12 @@ import VarOption from "../option/index.mjs";
 import VarFieldDecorator from "../field-decorator/index.mjs";
 import VarFormDetails from "../form-details/index.mjs";
 import { computed, defineComponent, ref, watch, nextTick } from "vue";
-import { isArray, isEmpty, call, preventDefault, doubleRaf, isFunction } from "@varlet/shared";
+import { isArray, isEmpty, call, preventDefault, doubleRaf, isFunction, assert } from "@varlet/shared";
 import { props } from "./props.mjs";
 import { useValidation, createNamespace, MaybeVNode } from "../utils/components.mjs";
 import { useOptions } from "./provide.mjs";
 import { useForm } from "../form/provide.mjs";
 import { focusChildElementByKey, toPxNum } from "../utils/elements.mjs";
-import { error } from "../utils/logger.mjs";
 import { useSelectController } from "./useSelectController.mjs";
 import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("select");
@@ -325,10 +324,11 @@ const __sfc__ = defineComponent({
     watch(
       () => props2.multiple,
       () => {
-        const { multiple: multiple2, modelValue } = props2;
-        if (multiple2 && !isArray(modelValue)) {
-          error("Select", "The modelValue must be an array when multiple is true");
-        }
+        assert(
+          props2.multiple && isArray(props2.modelValue),
+          "Select",
+          "The modelValue must be an array when multiple is true"
+        );
       }
     );
     bindOptions(selectProvider);

package/es/slider/Slider.mjs

@@ -5,8 +5,7 @@ import { defineComponent, ref, onBeforeUnmount, computed, reactive, nextTick, wa
 import { useValidation, createNamespace } from "../utils/components.mjs";
 import { useForm } from "../form/provide.mjs";
 import { getLeft, toSizeUnit } from "../utils/elements.mjs";
-import { warn } from "../utils/logger.mjs";
-import { isArray, isNumber, toNumber, getRect, preventDefault, call, hasOwn, clamp } from "@varlet/shared";
+import { isArray, isNumber, toNumber, getRect, preventDefault, call, hasOwn, clamp, error, warn } from "@varlet/shared";
 import { props, Thumbs } from "./props.mjs";
 import { onSmartMounted, onWindowResize, useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("slider");
@@ -449,7 +448,7 @@ const __sfc__ = defineComponent({
     }
     function stepValidator() {
       if (toNumber(props2.step) <= 0) {
-        warn("[Varlet] Slider", '"step" should be > 0');
+        warn("Slider", '"step" should be > 0');
         return false;
       }
       return true;
@@ -457,15 +456,15 @@ const __sfc__ = defineComponent({
     function valueValidator() {
       const { range, modelValue } = props2;
       if (range && !isArray(modelValue)) {
-        console.error('[Varlet] Slider: "modelValue" should be an Array');
+        error("Slider", '"modelValue" should be an Array');
         return false;
       }
       if (!range && isArray(modelValue)) {
-        console.error('[Varlet] Slider: "modelValue" should be a Number');
+        error("Slider", '"modelValue" should be a Number');
         return false;
       }
       if (range && isArray(modelValue) && modelValue.length < 2) {
-        console.error('[Varlet] Slider: "modelValue" should have two value');
+        error("Slider", '"modelValue" should have two value');
         return false;
       }
       return true;

package/es/snackbar/style/index.mjs

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

package/es/step/provide.mjs

@@ -1,11 +1,9 @@
 import { useParent } from "@varlet/use";
-import { error } from "../utils/logger.mjs";
+import { assert } from "@varlet/shared";
 import { STEPS_BIND_STEP_KEY } from "../steps/provide.mjs";
 function useSteps() {
   const { parentProvider, index, bindParent } = useParent(STEPS_BIND_STEP_KEY);
-  if (!bindParent) {
-    error("Steps", "<step/> must in <steps>");
-  }
+  assert(!!bindParent, "Steps", "<step/> must in <steps>");
   return {
     index,
     steps: parentProvider,