@varlet/ui 3.3.10 → 3.3.11

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.3.10",
+  "version": "3.3.11",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5112,13 +5112,22 @@
             },
             {
               "name": "option-count",
-              "description": "Number of visible options",
+              "description": "Number of visible columns",
               "default": "6",
               "value": {
                 "type": "string | number",
                 "kind": "expression"
               }
             },
+            {
+              "name": "columns-count",
+              "description": "Number of visible columns",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "confirm-button-text",
               "description": "Confirm button text",

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "3.3.10",
+  "version": "3.3.11",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5278,6 +5278,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "columns-count",
+              "description": "最大显示列数",
+              "default": "-",
+              "value": {
+                "type": "string | number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "confirm-button-text",
               "description": "确认按钮文字",

package/lib/varlet.cjs.js

@@ -19092,6 +19092,7 @@ const props$o = __spreadValues$7({
     type: [Number, String],
     default: 6
   },
+  columnsCount: [String, Number],
   confirmButtonText: String,
   cancelButtonText: String,
   confirmButtonTextColor: String,
@@ -19336,6 +19337,7 @@ const __sfc__$v = vue.defineComponent({
   setup(props2) {
     const modelValue = useVModel(props2, "modelValue");
     const scrollColumns = vue.ref([]);
+    const visibleColumnsCount = vue.computed(() => toNumber(props2.columnsCount));
     const optionHeight = vue.computed(() => toPxNum(props2.optionHeight));
     const optionCount = vue.computed(() => toPxNum(props2.optionCount));
     const center = vue.computed(() => optionCount.value * optionHeight.value / 2 - optionHeight.value / 2);
@@ -19362,7 +19364,8 @@ const __sfc__$v = vue.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$1++,
           prevY: 0,
@@ -19388,9 +19391,9 @@ const __sfc__$v = vue.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$1++,
           prevY: 0,
@@ -19414,7 +19417,8 @@ const __sfc__$v = vue.defineComponent({
         createChildren(
           scrollColumns2,
           (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : [],
-          syncModelValue
+          syncModelValue,
+          depth + 1
         );
       }
     }
@@ -19424,7 +19428,8 @@ const __sfc__$v = vue.defineComponent({
       createChildren(
         scrollColumns.value,
         (_a = scrollColumn.column[scrollColumn.index][getOptionKey("children")]) != null ? _a : [],
-        false
+        false,
+        scrollColumns.value.length + 1
       );
     }
     function initScrollColumns() {
@@ -29114,7 +29119,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.3.10";
+const version = "3.3.11";
 function install(app) {
   stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$5E.install && app.use(stdin_default$5E);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.3.10",
+  "version": "3.3.11",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "3.3.10",
-    "@varlet/shared": "3.3.10",
-    "@varlet/use": "3.3.10"
+    "@varlet/icons": "3.3.11",
+    "@varlet/shared": "3.3.11",
+    "@varlet/use": "3.3.11"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -64,9 +64,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/cli": "3.3.10",
-    "@varlet/ui": "3.3.10",
-    "@varlet/touch-emulator": "3.3.10"
+    "@varlet/ui": "3.3.11",
+    "@varlet/cli": "3.3.11",
+    "@varlet/touch-emulator": "3.3.11"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/picker.d.ts

@@ -24,6 +24,7 @@ export interface PickerProps {
   cascade?: boolean
   optionHeight?: string | number
   optionCount?: string | number
+  columnsCount?: string | number
   confirmButtonText?: string
   cancelButtonText?: string
   confirmButtonTextColor?: string
@@ -70,6 +71,7 @@ export interface PickerOptions {
   cascade?: boolean
   optionHeight?: number | string
   optionCount?: number | string
+  columnsCount?: number | string
   confirmButtonText?: string
   cancelButtonText?: string
   confirmButtonTextColor?: string