@varlet/ui 3.3.9 → 3.3.11

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 '../ActionSheetSfc.css'
 import '../ActionItemSfc.css'
+import '../ActionSheetSfc.css'

package/es/index.bundle.mjs

@@ -265,7 +265,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '3.3.9'
+const version = '3.3.11'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -176,7 +176,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '3.3.9'
+const version = '3.3.11'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/picker/Picker.mjs

@@ -3,7 +3,7 @@ import VarPopup from "../popup/index.mjs";
 import { defineComponent, watch, ref, computed, Transition } from "vue";
 import { props } from "./props.mjs";
 import { useTouch, useVModel } from "@varlet/use";
-import { clamp, clampArrayRange, call } from "@varlet/shared";
+import { clamp, clampArrayRange, call, toNumber } from "@varlet/shared";
 import { toPxNum, getTranslateY } from "../utils/elements.mjs";
 import { t } from "../locale/index.mjs";
 import { createNamespace } from "../utils/components.mjs";
@@ -229,6 +229,7 @@ const __sfc__ = defineComponent({
   setup(props2) {
     const modelValue = useVModel(props2, "modelValue");
     const scrollColumns = ref([]);
+    const visibleColumnsCount = computed(() => toNumber(props2.columnsCount));
     const optionHeight = computed(() => toPxNum(props2.optionHeight));
     const optionCount = computed(() => toPxNum(props2.optionCount));
     const center = computed(() => optionCount.value * optionHeight.value / 2 - optionHeight.value / 2);
@@ -255,7 +256,8 @@ const __sfc__ = defineComponent({
       prevIndexes = [...indexes];
     }
     function normalizeNormalMode(columns) {
-      return columns.map((column, idx) => {
+      const visibleColumns = props2.columnsCount != null ? columns.slice(0, visibleColumnsCount.value) : columns;
+      return visibleColumns.map((column, idx) => {
         const scrollColumn = {
           id: sid++,
           prevY: 0,
@@ -281,9 +283,9 @@ const __sfc__ = defineComponent({
       createChildren(scrollColumns2, column);
       return scrollColumns2;
     }
-    function createChildren(scrollColumns2, children, syncModelValue = true) {
+    function createChildren(scrollColumns2, children, syncModelValue = true, depth = 1) {
       var _a;
-      if (children.length) {
+      if (children.length && (props2.columnsCount == null || depth <= visibleColumnsCount.value)) {
         const scrollColumn = {
           id: sid++,
           prevY: 0,
@@ -307,7 +309,8 @@ const __sfc__ = defineComponent({
         createChildren(
           scrollColumns2,
           (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : [],
-          syncModelValue
+          syncModelValue,
+          depth + 1
         );
       }
     }
@@ -317,7 +320,8 @@ const __sfc__ = defineComponent({
       createChildren(
         scrollColumns.value,
         (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : [],
-        false
+        false,
+        scrollColumns.value.length + 1
       );
     }
     function initScrollColumns() {

package/es/picker/props.mjs

@@ -51,6 +51,7 @@ const props = __spreadValues({
     type: [Number, String],
     default: 6
   },
+  columnsCount: [String, Number],
   confirmButtonText: String,
   cancelButtonText: String,
   confirmButtonTextColor: String,

package/es/popup/Popup.mjs

@@ -43,9 +43,13 @@ var stdin_default = defineComponent({
     const {
       zIndex
     } = useZIndex(() => props2.show, 3);
+    const normalizedZIndex = computed(() => {
+      var _a;
+      return (_a = props2.zIndex) != null ? _a : zIndex.value;
+    });
     const {
       onStackTop
-    } = useStack(() => props2.show, zIndex);
+    } = useStack(() => props2.show, normalizedZIndex);
     const {
       disabled
     } = useTeleport();
@@ -80,7 +84,7 @@ var stdin_default = defineComponent({
       return _createVNode("div", {
         "class": classes(n("overlay"), overlayClass),
         "style": __spreadValues({
-          zIndex: zIndex.value - 1
+          zIndex: normalizedZIndex.value - 1
         }, overlayStyle),
         "onClick": hidePopup
       }, null);
@@ -89,7 +93,7 @@ var stdin_default = defineComponent({
       return _withDirectives(_createVNode("div", _mergeProps({
         "class": classes(n("content"), n(`--${props2.position}`), [props2.defaultStyle, n("--content-background-color")], [props2.defaultStyle, n("$-elevation--3")], [props2.safeArea, n("--safe-area")], [props2.safeAreaTop, n("--safe-area-top")]),
         "style": {
-          zIndex: zIndex.value
+          zIndex: normalizedZIndex.value
         },
         "role": "dialog",
         "aria-modal": "true"
@@ -104,7 +108,7 @@ var stdin_default = defineComponent({
         default: () => [_withDirectives(_createVNode("div", {
           "class": classes(n("$--box"), n(), [!props2.overlay, n("--pointer-events-none")]),
           "style": {
-            zIndex: zIndex.value - 2
+            zIndex: normalizedZIndex.value - 2
           }
         }, [props2.overlay && renderOverlay(), _createVNode(Transition, {
           "name": props2.transition || n(`$-pop-${props2.position}`)

package/es/popup/props.mjs

@@ -28,6 +28,7 @@ const props = {
     type: Boolean,
     default: true
   },
+  zIndex: Number,
   safeArea: Boolean,
   safeAreaTop: Boolean,
   teleport: {

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'