@varlet/ui 3.3.10 → 3.3.12-alpha.1722841613989

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

package/es/menu/usePopover.mjs

@@ -67,7 +67,27 @@ function usePopover(options) {
   let popoverInstance = null;
   let enterPopover = false;
   let enterHost = false;
-  const computeHostSize = () => {
+  useEventListener(() => window, "keydown", handleKeydown);
+  useClickOutside(getReference, "click", handleClickOutside);
+  onWindowResize(resize);
+  watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
+  watch(() => options.disabled, close);
+  watch(
+    () => show.value,
+    (newValue) => {
+      if (newValue) {
+        resize();
+      }
+    }
+  );
+  onMounted(() => {
+    var _a;
+    popoverInstance = createPopper((_a = getReference()) != null ? _a : host.value, popover.value, getPopperOptions());
+  });
+  onUnmounted(() => {
+    popoverInstance.destroy();
+  });
+  function computeHostSize() {
     if (!host.value) {
       return;
     }
@@ -76,8 +96,8 @@ function usePopover(options) {
       width: toPxNum(width),
       height: toPxNum(height)
     };
-  };
-  const getTransformOrigin = () => {
+  }
+  function getTransformOrigin() {
     switch (options.placement) {
       case "top":
       case "cover-bottom":
@@ -108,64 +128,71 @@ function usePopover(options) {
       case "cover-left":
         return "left";
     }
-  };
-  const handleHostMouseenter = () => {
+  }
+  function handleHostMouseenter() {
     if (options.trigger !== "hover") {
       return;
     }
     enterHost = true;
     open();
-  };
-  const handleHostMouseleave = () => __async(this, null, function* () {
-    if (options.trigger !== "hover") {
-      return;
-    }
-    enterHost = false;
-    yield doubleRaf();
-    if (enterPopover) {
-      return;
-    }
-    close();
-  });
-  const handlePopoverMouseenter = () => {
+  }
+  function handleHostMouseleave() {
+    return __async(this, null, function* () {
+      if (options.trigger !== "hover") {
+        return;
+      }
+      enterHost = false;
+      yield doubleRaf();
+      if (enterPopover) {
+        return;
+      }
+      close();
+    });
+  }
+  function handlePopoverMouseenter() {
     if (options.trigger !== "hover") {
       return;
     }
     enterPopover = true;
-  };
-  const handlePopoverMouseleave = () => __async(this, null, function* () {
-    if (options.trigger !== "hover") {
-      return;
-    }
-    enterPopover = false;
-    yield doubleRaf();
-    if (enterHost) {
+  }
+  function handlePopoverMouseleave() {
+    return __async(this, null, function* () {
+      if (options.trigger !== "hover") {
+        return;
+      }
+      enterPopover = false;
+      yield doubleRaf();
+      if (enterHost) {
+        return;
+      }
+      close();
+    });
+  }
+  function handleHostClick() {
+    if (options.trigger !== "click") {
       return;
     }
-    close();
-  });
-  const handleHostClick = () => {
     if (options.closeOnClickReference && show.value) {
       close();
-    } else {
-      open();
+      return;
     }
-  };
-  const handlePopoverClose = () => {
+    open();
+  }
+  function handlePopoverClose() {
     close();
-  };
-  const handleClickOutside = (e) => {
+  }
+  function handleClickOutside(e) {
     if (options.trigger !== "click") {
       return;
     }
     handlePopoverClose();
     call(options.onClickOutside, e);
-  };
-  const handleClosed = () => {
+  }
+  function handleClosed() {
     resize();
     call(options.onClosed);
-  };
-  const getPosition = () => {
+  }
+  function getPosition() {
     const { offsetX, offsetY, placement } = options;
     computeHostSize();
     const offset2 = {
@@ -254,8 +281,8 @@ function usePopover(options) {
           distance: offset2.x
         };
     }
-  };
-  const getPopperOptions = () => {
+  }
+  function getPopperOptions() {
     const { placement, skidding, distance } = getPosition();
     const modifiers = [
       __spreadProps(__spreadValues({}, flip), {
@@ -287,49 +314,31 @@ function usePopover(options) {
       modifiers,
       strategy: options.strategy
     };
-  };
-  const getReference = () => options.reference ? host.value.querySelector(options.reference) : host.value;
-  const handleKeydown = (event) => {
+  }
+  function getReference() {
+    return options.reference ? host.value.querySelector(options.reference) : host.value;
+  }
+  function handleKeydown(event) {
     const { closeOnKeyEscape = false } = options;
     if (event.key === "Escape" && closeOnKeyEscape && show.value) {
       preventDefault(event);
       close();
     }
-  };
-  const resize = () => {
+  }
+  function resize() {
     popoverInstance.setOptions(getPopperOptions());
-  };
-  const open = () => {
+  }
+  function open() {
     if (options.disabled) {
       return;
     }
     show.value = true;
     call(options["onUpdate:show"], true);
-  };
-  const close = () => {
+  }
+  function close() {
     show.value = false;
     call(options["onUpdate:show"], false);
-  };
-  useEventListener(() => window, "keydown", handleKeydown);
-  useClickOutside(getReference, "click", handleClickOutside);
-  onWindowResize(resize);
-  watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
-  watch(() => options.disabled, close);
-  watch(
-    () => show.value,
-    (newValue) => {
-      if (newValue) {
-        resize();
-      }
-    }
-  );
-  onMounted(() => {
-    var _a;
-    popoverInstance = createPopper((_a = getReference()) != null ? _a : host.value, popover.value, getPopperOptions());
-  });
-  onUnmounted(() => {
-    popoverInstance.destroy();
-  });
+  }
   return {
     show,
     popover,

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/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'