@varlet/ui 2.19.3 → 2.20.0

package/lib/varlet.cjs.js

@@ -5454,9 +5454,31 @@ const __sfc__$10 = vue.defineComponent({
         collapseItem2.init(matchedItems.includes(collapseItem2));
       });
     }
+    const toggleAll = (options) => {
+      if (props2.accordion)
+        return;
+      const matchedItems = collapseItems.filter((item) => {
+        var _a;
+        const itemValue = (_a = item.name.value) != null ? _a : item.index.value;
+        const expanded = normalizeValues.value.includes(itemValue);
+        if (options.skipDisabled && item.disabled.value) {
+          return expanded;
+        }
+        if (options.expand === "inverse") {
+          return !expanded;
+        }
+        return options.expand;
+      });
+      const modelValue = matchedItems.map((item) => {
+        var _a;
+        return (_a = item.name.value) != null ? _a : item.index.value;
+      });
+      updateModelValue(modelValue);
+    };
     return {
       divider: divider2,
-      n: n$$
+      n: n$$,
+      toggleAll
     };
   }
 });
@@ -5620,11 +5642,13 @@ const __sfc__$$ = vue.defineComponent({
     const showContent = vue.ref(false);
     const contentEl = vue.ref(null);
     const name2 = vue.computed(() => props2.name);
+    const disabled = vue.computed(() => props2.disabled);
     const { index, collapse, bindCollapse } = useCollapse();
     const { offset: offset2, divider: divider2, elevation: elevation2, updateItem } = collapse;
     const collapseItemProvider = {
       index,
       name: name2,
+      disabled,
       init
     };
     let isInitToTrigger = true;
@@ -10512,7 +10536,19 @@ function __render__$S(_ctx, _cache) {
         ],
         34
         /* CLASS, HYDRATE_EVENTS */
-      )
+      ),
+      _ctx.$slots.actions ? (vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: vue.normalizeClass(_ctx.n("actions"))
+        },
+        [
+          vue.renderSlot(_ctx.$slots, "actions")
+        ],
+        2
+        /* CLASS */
+      )) : vue.createCommentVNode("v-if", true)
     ],
     2
     /* CLASS */
@@ -25049,7 +25085,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.19.3";
+const version = "2.20.0";
 function install(app) {
   stdin_default$3k.install && app.use(stdin_default$3k);
   stdin_default$3i.install && app.use(stdin_default$3i);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.19.3",
+  "version": "2.20.0",
   "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": "2.19.3",
-    "@varlet/use": "2.19.3",
-    "@varlet/shared": "2.19.3"
+    "@varlet/shared": "2.20.0",
+    "@varlet/use": "2.20.0",
+    "@varlet/icons": "2.20.0"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -66,16 +66,16 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/ui": "2.19.3",
-    "@varlet/touch-emulator": "2.19.3",
-    "@varlet/cli": "2.19.3"
+    "@varlet/ui": "2.20.0",
+    "@varlet/cli": "2.20.0",
+    "@varlet/touch-emulator": "2.20.0"
   },
   "scripts": {
     "dev": "varlet-cli dev",
     "build": "varlet-cli build",
     "preview": "varlet-cli preview",
     "compile": "varlet-cli compile",
-    "create": "varlet-cli create",
+    "create": "varlet-cli create -i",
     "test": "varlet-cli test",
     "test:watch": "varlet-cli test -w",
     "test:coverage": "varlet-cli test -cov"

package/types/collapse.d.ts

@@ -5,6 +5,8 @@ export declare const collapseProps: Record<keyof CollapseProps, any>
 
 export type CollapseModelValue = undefined | string | number | Array<string | number | undefined>
 
+export type CollapseToggleAllOptions = { expand: boolean | 'inverse'; skipDisabled?: boolean }
+
 export interface CollapseProps extends BasicAttributes {
   modelValue?: CollapseModelValue
   accordion?: boolean
@@ -23,6 +25,8 @@ export class Collapse extends VarComponent {
   $slots: {
     default(): VNode[]
   }
+
+  toggleAll(options: CollapseToggleAllOptions): void
 }
 
 export class _CollapseComponent extends Collapse {}

package/types/datePicker.d.ts

@@ -61,6 +61,7 @@ export class DatePicker extends VarComponent {
     date(data: DatePickerDate): VNode[]
     range(data: DatePickerRange): VNode[]
     multiple(data: DatePickerMultiple): VNode[]
+    actions(): VNode[]
   }
 }
 

package/types/styleVars.d.ts

@@ -381,8 +381,6 @@ export interface StyleVars {
   datePickerFontSize?: string
   '--date-picker-min-width'?: string
   datePickerMinWidth?: string
-  '--date-picker-height'?: string
-  datePickerHeight?: string
   '--date-picker-main-color'?: string
   datePickerMainColor?: string
   '--date-picker-title-hint-font-size'?: string
@@ -411,8 +409,12 @@ export interface StyleVars {
   datePickerTitleDateRangeFontSize?: string
   '--date-picker-body-background-color'?: string
   datePickerBodyBackgroundColor?: string
+  '--date-picker-body-height'?: string
+  datePickerBodyHeight?: string
   '--picker-header-padding'?: string
   pickerHeaderPadding?: string
+  '--picker-actions-padding'?: string
+  pickerActionsPadding?: string
   '--picker-header-color'?: string
   pickerHeaderColor?: string
   '--month-picker-padding'?: string