vant 3.2.2 → 3.2.6

package/es/cascader/index.d.ts

@@ -1,5 +1,10 @@
+import { CascaderProps } from './Cascader';
 export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
+    options: {
+        type: import("vue").PropType<import("./types").CascaderOption[]>;
+        default: () => never[];
+    };
     closeable: {
         type: BooleanConstructor;
         default: true;
@@ -8,39 +13,35 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
-    fieldNames: import("vue").PropType<import("./Cascader").CascaderFieldNames>;
-    placeholder: StringConstructor;
-    activeColor: StringConstructor;
-    options: {
-        type: import("vue").PropType<import("./Cascader").CascaderOption[]>;
-        default: () => never[];
-    };
     closeIcon: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
+    placeholder: StringConstructor;
+    activeColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
+    options?: unknown;
     closeable?: unknown;
     swipeable?: unknown;
+    closeIcon?: unknown;
     modelValue?: unknown;
     fieldNames?: unknown;
     placeholder?: unknown;
     activeColor?: unknown;
-    options?: unknown;
-    closeIcon?: unknown;
 } & {
-    closeable: boolean;
     closeIcon: string;
-    options: import("./Cascader").CascaderOption[];
+    closeable: boolean;
+    options: import("./types").CascaderOption[];
     swipeable: boolean;
 } & {
     title?: string | undefined;
-    placeholder?: string | undefined;
     modelValue?: string | number | undefined;
+    placeholder?: string | undefined;
     activeColor?: string | undefined;
-    fieldNames?: import("./Cascader").CascaderFieldNames | undefined;
+    fieldNames?: import("./types").CascaderFieldNames | undefined;
 }> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -48,10 +49,11 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
-    closeable: boolean;
     closeIcon: string;
-    options: import("./Cascader").CascaderOption[];
+    closeable: boolean;
+    options: import("./types").CascaderOption[];
     swipeable: boolean;
 }>>;
 export default Cascader;
-export type { CascaderOption, CascaderFieldNames } from './Cascader';
+export type { CascaderProps };
+export type { CascaderOption, CascaderFieldNames } from './types';

package/es/cascader/types.d.ts

@@ -0,0 +1,18 @@
+export declare type CascaderOption = {
+    text?: string;
+    value?: string | number;
+    color?: string;
+    disabled?: boolean;
+    children?: CascaderOption[];
+    className?: unknown;
+    [key: PropertyKey]: any;
+};
+export declare type CascaderTab = {
+    options: CascaderOption[];
+    selected: CascaderOption | null;
+};
+export declare type CascaderFieldNames = {
+    text?: string;
+    value?: string;
+    children?: string;
+};

package/es/cascader/types.js

@@ -0,0 +1 @@
+export {};

package/es/cell/Cell.d.ts

@@ -84,15 +84,15 @@ declare const _default: import("vue").DefineComponent<{
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | CSSProperties | undefined;
     arrowDirection?: CellArrowDirection | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     center: boolean;
     isLink: boolean;

package/es/cell/Cell.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { createNamespace, extend, isDef, truthProp, unknownProp } from '../utils'; // Composables
+import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace } from '../utils'; // Composables
 
 import { useRoute, routeProps } from '../composables/use-route'; // Components
 
@@ -10,9 +10,9 @@ var [name, bem] = createNamespace('cell');
 export var cellProps = {
   icon: String,
   size: String,
-  title: [Number, String],
-  value: [Number, String],
-  label: [Number, String],
+  title: numericProp,
+  value: numericProp,
+  label: numericProp,
   center: Boolean,
   isLink: Boolean,
   border: truthProp,

package/es/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size:var(--van-font-size-md);--van-cell-line-height:24px;--van-cell-vertical-padding:10px;--van-cell-horizontal-padding:var(--van-padding-md);--van-cell-text-color:var(--van-text-color);--van-cell-background-color:var(--van-white);--van-cell-border-color:var(--van-border-color);--van-cell-active-color:var(--van-active-color);--van-cell-required-color:var(--van-danger-color);--van-cell-label-color:var(--van-gray-6);--van-cell-label-font-size:var(--van-font-size-sm);--van-cell-label-line-height:var(--van-line-height-sm);--van-cell-label-margin-top:var(--van-padding-base);--van-cell-value-color:var(--van-gray-6);--van-cell-icon-size:16px;--van-cell-right-icon-color:var(--van-gray-6);--van-cell-large-vertical-padding:var(--van-padding-sm);--van-cell-large-title-font-size:var(--van-font-size-lg);--van-cell-large-label-font-size:var(--van-font-size-md)}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background-color:var(--van-cell-background-color)}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:'*'}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}
+:root{--van-cell-font-size:var(--van-font-size-md);--van-cell-line-height:24px;--van-cell-vertical-padding:10px;--van-cell-horizontal-padding:var(--van-padding-md);--van-cell-text-color:var(--van-text-color);--van-cell-background-color:var(--van-white);--van-cell-border-color:var(--van-border-color);--van-cell-active-color:var(--van-active-color);--van-cell-required-color:var(--van-danger-color);--van-cell-label-color:var(--van-gray-6);--van-cell-label-font-size:var(--van-font-size-sm);--van-cell-label-line-height:var(--van-line-height-sm);--van-cell-label-margin-top:var(--van-padding-base);--van-cell-value-color:var(--van-gray-6);--van-cell-icon-size:16px;--van-cell-right-icon-color:var(--van-gray-6);--van-cell-large-vertical-padding:var(--van-padding-sm);--van-cell-large-title-font-size:var(--van-font-size-lg);--van-cell-large-label-font-size:var(--van-font-size-md)}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell--borderless::after,.van-cell:last-child::after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:'*'}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}

package/es/cell/index.d.ts

@@ -58,15 +58,15 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("./Cell").CellArrowDirection | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     center: boolean;
     isLink: boolean;

package/es/cell/index.less

@@ -33,7 +33,7 @@
   color: var(--van-cell-text-color);
   font-size: var(--van-cell-font-size);
   line-height: var(--van-cell-line-height);
-  background-color: var(--van-cell-background-color);
+  background: var(--van-cell-background-color);
 
   &::after {
     .hairline-bottom(var(--van-cell-border-color), var(--van-padding-md), var(--van-padding-md));

package/es/cell-group/CellGroup.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     inset: boolean;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     inset: boolean;
 }>;

package/es/cell-group/index.css

@@ -1 +1 @@
-:root{--van-cell-group-background-color:var(--van-white);--van-cell-group-title-color:var(--van-gray-6);--van-cell-group-title-padding:var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);--van-cell-group-title-font-size:var(--van-font-size-md);--van-cell-group-title-line-height:16px;--van-cell-group-inset-padding:0 var(--van-padding-md);--van-cell-group-inset-border-radius:var(--van-border-radius-lg);--van-cell-group-inset-title-padding:var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl)}.van-cell-group{background-color:var(--van-cell-group-background-color)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-border-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
+:root{--van-cell-group-background-color:var(--van-white);--van-cell-group-title-color:var(--van-gray-6);--van-cell-group-title-padding:var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);--van-cell-group-title-font-size:var(--van-font-size-md);--van-cell-group-title-line-height:16px;--van-cell-group-inset-padding:0 var(--van-padding-md);--van-cell-group-inset-border-radius:var(--van-border-radius-lg);--van-cell-group-inset-title-padding:var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl)}.van-cell-group{background:var(--van-cell-group-background-color)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-border-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}

package/es/cell-group/index.d.ts

@@ -14,7 +14,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
     inset: boolean;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     inset: boolean;
 }>>;

package/es/cell-group/index.less

@@ -12,7 +12,7 @@
 }
 
 .van-cell-group {
-  background-color: var(--van-cell-group-background-color);
+  background: var(--van-cell-group-background-color);
 
   &--inset {
     margin: var(--van-cell-group-inset-padding);

package/es/checkbox/Checkbox.d.ts

@@ -1,16 +1,16 @@
 import { ExtractPropTypes } from 'vue';
 declare const props: {
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
@@ -20,16 +20,16 @@ declare const props: {
 export declare type CheckboxProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
@@ -37,18 +37,18 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
     bindGroup?: unknown;
 } & {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
     bindGroup: boolean;
 } & {
     name?: unknown;
@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
     bindGroup: boolean;
 }>;
 export default _default;

package/es/checkbox/Checker.d.ts

@@ -12,30 +12,34 @@ export declare type CheckerParent = {
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: string;
-    };
 };
 declare const _default: import("vue").DefineComponent<{
     name: PropType<unknown>;
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: string;
-    };
 } & {
+    bem: {
+        type: FunctionConstructor;
+        required: true;
+    };
     role: StringConstructor;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
@@ -43,30 +47,26 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    bem: {
-        type: FunctionConstructor;
-        required: true;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
+    bem?: unknown;
     role?: unknown;
     parent?: unknown;
     checked?: unknown;
     bindGroup?: unknown;
-    bem?: unknown;
 } & {
     bem: Function;
+    checked: boolean;
     disabled: boolean;
-    labelDisabled: boolean;
     shape: CheckerShape;
-    checked: boolean;
+    labelDisabled: boolean;
     bindGroup: boolean;
 } & {
     name?: unknown;
@@ -80,10 +80,10 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
 }, {
+    checked: boolean;
     disabled: boolean;
-    labelDisabled: boolean;
     shape: CheckerShape;
-    checked: boolean;
+    labelDisabled: boolean;
     bindGroup: boolean;
 }>;
 export default _default;

package/es/checkbox/Checker.js

@@ -1,30 +1,24 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue';
-import { addUnit, extend, unknownProp, truthProp } from '../utils';
+import { extend, addUnit, truthProp, numericProp, unknownProp, makeStringProp, makeRequiredProp } from '../utils';
 import { Icon } from '../icon';
 export var checkerProps = {
   name: unknownProp,
+  shape: makeStringProp('round'),
   disabled: Boolean,
-  iconSize: [Number, String],
+  iconSize: numericProp,
   modelValue: unknownProp,
   checkedColor: String,
   labelPosition: String,
-  labelDisabled: Boolean,
-  shape: {
-    type: String,
-    default: 'round'
-  }
+  labelDisabled: Boolean
 };
 export default defineComponent({
   props: extend({}, checkerProps, {
+    bem: makeRequiredProp(Function),
     role: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: truthProp,
-    bem: {
-      type: Function,
-      required: true
-    }
+    bindGroup: truthProp
   }),
   emits: ['click', 'toggle'],
 
@@ -58,7 +52,7 @@ export default defineComponent({
         target
       } = event;
       var icon = iconRef.value;
-      var iconClicked = icon === target || icon.contains(target);
+      var iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
 
       if (!disabled.value && (iconClicked || !props.labelDisabled)) {
         emit('toggle');
@@ -103,14 +97,7 @@ export default defineComponent({
     };
 
     return () => {
-      var nodes = [renderIcon()];
-
-      if (props.labelPosition === 'left') {
-        nodes.unshift(renderLabel());
-      } else {
-        nodes.push(renderLabel());
-      }
-
+      var nodes = props.labelPosition === 'left' ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()];
       return _createVNode("div", {
         "role": props.role,
         "class": props.bem([{

package/es/checkbox/index.d.ts

@@ -1,15 +1,16 @@
+import { CheckboxProps } from './Checkbox';
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
     checkedColor: StringConstructor;
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: string;
-    };
 } & {
     bindGroup: {
         type: BooleanConstructor;
@@ -17,18 +18,18 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     name?: unknown;
+    shape?: unknown;
     disabled?: unknown;
     iconSize?: unknown;
     modelValue?: unknown;
     checkedColor?: unknown;
     labelPosition?: unknown;
     labelDisabled?: unknown;
-    shape?: unknown;
     bindGroup?: unknown;
 } & {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
     bindGroup: boolean;
 } & {
     name?: unknown;
@@ -41,9 +42,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    labelDisabled: boolean;
     shape: import("./Checker").CheckerShape;
+    labelDisabled: boolean;
     bindGroup: boolean;
 }>>;
 export default Checkbox;
-export type { CheckboxInstance } from './types';
+export type { CheckboxProps };
+export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';

package/es/checkbox/types.d.ts

@@ -1,5 +1,8 @@
 import type { ComponentPublicInstance, ComputedRef } from 'vue';
 import type { CheckboxProps } from './Checkbox';
+import type { CheckerShape, CheckerLabelPosition } from './Checker';
+export declare type CheckboxShape = CheckerShape;
+export declare type CheckboxLabelPosition = CheckerLabelPosition;
 export declare type CheckboxExpose = {
     toggle: (newValue?: boolean) => void;
     /**

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -4,33 +4,33 @@ import type { CheckboxGroupProvide } from './types';
 declare const props: {
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
-    direction: PropType<CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: PropType<CheckerDirection>;
     modelValue: {
         type: PropType<unknown[]>;
         default: () => never[];
     };
+    checkedColor: StringConstructor;
 };
 export declare type CheckboxGroupProps = ExtractPropTypes<typeof props>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
 declare const _default: import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
-    direction: PropType<CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: PropType<CheckerDirection>;
     modelValue: {
         type: PropType<unknown[]>;
         default: () => never[];
     };
+    checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     max?: unknown;
     disabled?: unknown;
-    direction?: unknown;
     iconSize?: unknown;
-    checkedColor?: unknown;
+    direction?: unknown;
     modelValue?: unknown;
+    checkedColor?: unknown;
 } & {
     disabled: boolean;
     modelValue: unknown[];

package/es/checkbox-group/CheckboxGroup.js

@@ -1,22 +1,19 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, defineComponent } from 'vue'; // Utils
 
-import { createNamespace } from '../utils'; // Composables
+import { numericProp, createNamespace, makeArrayProp } from '../utils'; // Composables
 
 import { useChildren, useCustomFieldValue } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Types
 
 var [name, bem] = createNamespace('checkbox-group');
 var props = {
-  max: [Number, String],
+  max: numericProp,
   disabled: Boolean,
+  iconSize: numericProp,
   direction: String,
-  iconSize: [Number, String],
-  checkedColor: String,
-  modelValue: {
-    type: Array,
-    default: () => []
-  }
+  modelValue: makeArrayProp(),
+  checkedColor: String
 };
 export var CHECKBOX_GROUP_KEY = Symbol(name);
 export default defineComponent({

package/es/checkbox-group/index.d.ts

@@ -1,20 +1,21 @@
+import { CheckboxGroupProps } from './CheckboxGroup';
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
-    direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     iconSize: (NumberConstructor | StringConstructor)[];
-    checkedColor: StringConstructor;
+    direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     modelValue: {
         type: import("vue").PropType<unknown[]>;
         default: () => never[];
     };
+    checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     max?: unknown;
     disabled?: unknown;
-    direction?: unknown;
     iconSize?: unknown;
-    checkedColor?: unknown;
+    direction?: unknown;
     modelValue?: unknown;
+    checkedColor?: unknown;
 } & {
     disabled: boolean;
     modelValue: unknown[];
@@ -31,4 +32,5 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
-export type { CheckboxGroupInstance, CheckboxGroupToggleAllOptions, } from './types';
+export type { CheckboxGroupProps };
+export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';

package/es/checkbox-group/types.d.ts

@@ -1,6 +1,7 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { CheckboxGroupProps } from './CheckboxGroup';
-import type { CheckerParent } from '../checkbox/Checker';
+import type { CheckerParent, CheckerDirection } from '../checkbox/Checker';
+export declare type CheckboxGroupDirection = CheckerDirection;
 export declare type CheckboxGroupToggleAllOptions = boolean | {
     checked?: boolean;
     skipDisabled?: boolean;