vant 3.6.12 → 3.6.13

package/es/cell/Cell.mjs

@@ -1,10 +1,10 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { isDef, extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { defineComponent, createVNode as _createVNode } from "vue";
+import { isDef, extend, truthProp, unknownProp, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useRoute, routeProps } from "../composables/use-route.mjs";
 import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("cell");
 const cellSharedProps = {
+  tag: makeStringProp("div"),
   icon: String,
   size: String,
   title: numericProp,
@@ -13,13 +13,16 @@ const cellSharedProps = {
   center: Boolean,
   isLink: Boolean,
   border: truthProp,
-  required: Boolean,
   iconPrefix: String,
   valueClass: unknownProp,
   labelClass: unknownProp,
   titleClass: unknownProp,
   titleStyle: null,
   arrowDirection: String,
+  required: {
+    type: [Boolean, String],
+    default: null
+  },
   clickable: {
     type: Boolean,
     default: null
@@ -42,22 +45,24 @@ var stdin_default = defineComponent({
       }
     };
     const renderTitle = () => {
+      var _a;
       if (slots.title || isDef(props.title)) {
+        const titleSlot = (_a = slots.title) == null ? void 0 : _a.call(slots);
+        if (Array.isArray(titleSlot) && titleSlot.length === 0) {
+          return;
+        }
         return _createVNode("div", {
           "class": [bem("title"), props.titleClass],
           "style": props.titleStyle
-        }, [slots.title ? slots.title() : _createVNode("span", null, [props.title]), renderLabel()]);
+        }, [titleSlot || _createVNode("span", null, [props.title]), renderLabel()]);
       }
     };
     const renderValue = () => {
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
-        const hasTitle = slots.title || isDef(props.title);
         return _createVNode("div", {
-          "class": [bem("value", {
-            alone: !hasTitle
-          }), props.valueClass]
+          "class": [bem("value"), props.valueClass]
         }, [slot ? slot() : _createVNode("span", null, [props.value])]);
       }
     };
@@ -86,8 +91,9 @@ var stdin_default = defineComponent({
       }
     };
     return () => {
-      var _a, _b;
+      var _a;
       const {
+        tag,
         size,
         center,
         border,
@@ -97,23 +103,29 @@ var stdin_default = defineComponent({
       const clickable = (_a = props.clickable) != null ? _a : isLink;
       const classes = {
         center,
-        required,
+        required: !!required,
         clickable,
         borderless: !border
       };
       if (size) {
         classes[size] = !!size;
       }
-      return _createVNode("div", {
+      return _createVNode(tag, {
         "class": bem(classes),
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": route
-      }, [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_b = slots.extra) == null ? void 0 : _b.call(slots)]);
+      }, {
+        default: () => {
+          var _a2;
+          return [renderLeftIcon(), renderTitle(), renderValue(), renderRightIcon(), (_a2 = slots.extra) == null ? void 0 : _a2.call(slots)];
+        }
+      });
     };
   }
 });
 export {
+  cellProps,
   cellSharedProps,
   stdin_default as default
 };

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-background-color-light);--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-text-color-2);--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-text-color-2);--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:last-child:after,.van-cell--borderless: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,:host{--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: var(--van-background-2);--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-text-color-2);--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-text-color-2);--van-cell-value-font-size: inherit;--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-large-value-font-size: inherit}.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)}.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:last-child:after,.van-cell--borderless: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);font-size:var(--van-cell-value-font-size);text-align:right;vertical-align:middle;word-wrap:break-word}.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)}.van-cell--large .van-cell__value{font-size:var(--van-cell-large-value-font-size)}

package/es/cell/index.d.ts

@@ -1,4 +1,8 @@
-export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -10,13 +14,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -25,7 +32,11 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -37,13 +48,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -52,16 +66,19 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     replace: boolean;
-    required: boolean;
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Cell;
+export { cellProps } from './Cell';
 export type { CellSize, CellProps, CellArrowDirection } from './Cell';
+export type { CellThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCell: typeof Cell;

package/es/cell/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Cell from "./Cell.mjs";
 const Cell = withInstall(_Cell);
 var stdin_default = Cell;
+import { cellProps } from "./Cell.mjs";
 export {
   Cell,
+  cellProps,
   stdin_default as default
 };

package/es/cell/types.d.ts

@@ -0,0 +1,21 @@
+export type CellThemeVars = {
+    cellFontSize?: string;
+    cellLineHeight?: number | string;
+    cellVerticalPadding?: string;
+    cellHorizontalPadding?: string;
+    cellTextColor?: string;
+    cellBackground?: string;
+    cellBorderColor?: string;
+    cellActiveColor?: string;
+    cellRequiredColor?: string;
+    cellLabelColor?: string;
+    cellLabelFontSize?: string;
+    cellLabelLineHeight?: number | string;
+    cellLabelMarginTop?: string;
+    cellValueColor?: string;
+    cellIconSize?: string;
+    cellRightIconColor?: string;
+    cellLargeVerticalPadding?: string;
+    cellLargeTitleFontSize?: string;
+    cellLargeLabelFontSize?: string;
+};

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

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const cellGroupProps: {
+export declare const cellGroupProps: {
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
@@ -7,23 +7,23 @@ declare const cellGroupProps: {
         default: true;
     };
 };
-export declare type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
-declare const _default: import("vue").DefineComponent<{
+export type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
-    border: boolean;
+}>> & Readonly<{}>, {
     inset: boolean;
-}>;
+    border: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/cell-group/CellGroup.mjs

@@ -1,6 +1,6 @@
-import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, mergeProps as _mergeProps, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { useScopeId } from "../composables/use-scope-id.mjs";
 const [name, bem] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
@@ -23,7 +23,7 @@ var stdin_default = defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => _createVNode("div", {
       "class": bem("title", {
@@ -39,5 +39,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  cellGroupProps,
   stdin_default as default
 };

package/es/cell-group/index.css

@@ -1 +1 @@
-:root{--van-cell-group-background-color: var(--van-background-color-light);--van-cell-group-title-color: var(--van-text-color-2);--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)}
+:root,:host{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--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-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-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

@@ -1,23 +1,25 @@
-export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CellGroup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
-    border: boolean;
+}>> & Readonly<{}>, {
     inset: boolean;
-}>>;
+    border: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CellGroup;
+export { cellGroupProps } from './CellGroup';
 export type { CellGroupProps } from './CellGroup';
+export type { CellGroupThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCellGroup: typeof CellGroup;

package/es/cell-group/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CellGroup from "./CellGroup.mjs";
 const CellGroup = withInstall(_CellGroup);
 var stdin_default = CellGroup;
+import { cellGroupProps } from "./CellGroup.mjs";
 export {
   CellGroup,
+  cellGroupProps,
   stdin_default as default
 };

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

@@ -0,0 +1,10 @@
+export type CellGroupThemeVars = {
+    cellGroupBackground?: string;
+    cellGroupTitleColor?: string;
+    cellGroupTitlePadding?: string;
+    cellGroupTitleFontSize?: string;
+    cellGroupTitleLineHeight?: number | string;
+    cellGroupInsetPadding?: string;
+    cellGroupInsetRadius?: string;
+    cellGroupInsetTitlePadding?: string;
+};

package/es/checkbox/Checkbox.d.ts

@@ -1,64 +1,68 @@
-import { type ExtractPropTypes } from 'vue';
-declare const checkboxProps: {
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type CheckerShape } from './Checker';
+export declare const checkboxProps: {
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-};
-export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
-declare const _default: import("vue").DefineComponent<{
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
     };
+};
+export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
     };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
-}>;
+    indeterminate: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/checkbox/Checkbox.mjs

@@ -1,13 +1,17 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { watch, computed, defineComponent } from "vue";
-import { createNamespace, extend, pick, truthProp } from "../utils/index.mjs";
+import { watch, computed, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { pick, extend, truthProp, createNamespace } from "../utils/index.mjs";
 import { CHECKBOX_GROUP_KEY } from "../checkbox-group/CheckboxGroup.mjs";
 import { useParent, useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 import Checker, { checkerProps } from "./Checker.mjs";
 const [name, bem] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
-  bindGroup: truthProp
+  shape: String,
+  bindGroup: truthProp,
+  indeterminate: {
+    type: Boolean,
+    default: null
+  }
 });
 var stdin_default = defineComponent({
   name,
@@ -30,7 +34,7 @@ var stdin_default = defineComponent({
       } = parent.props;
       const value = modelValue.slice();
       if (checked2) {
-        const overlimit = max && value.length >= max;
+        const overlimit = max && value.length >= +max;
         if (!overlimit && !value.includes(name2)) {
           value.push(name2);
           if (props.bindGroup) {
@@ -59,8 +63,11 @@ var stdin_default = defineComponent({
       } else {
         emit("update:modelValue", newValue);
       }
+      if (props.indeterminate !== null) emit("change", newValue);
     };
-    watch(() => props.modelValue, (value) => emit("change", value));
+    watch(() => props.modelValue, (value) => {
+      if (props.indeterminate === null) emit("change", value);
+    });
     useExpose({
       toggle,
       props,
@@ -77,5 +84,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  checkboxProps,
   stdin_default as default
 };

package/es/checkbox/Checker.d.ts

@@ -1,22 +1,22 @@
 import { type PropType } from 'vue';
 import { type Numeric } from '../utils';
-export declare type CheckerShape = 'square' | 'round';
-export declare type CheckerDirection = 'horizontal' | 'vertical';
-export declare type CheckerLabelPosition = 'left' | 'right';
-export declare type CheckerParent = {
+import type { RadioShape } from '../radio';
+export type CheckerShape = 'square' | 'round';
+export type CheckerDirection = 'horizontal' | 'vertical';
+export type CheckerLabelPosition = 'left' | 'right';
+export type CheckerParent = {
     props: {
+        max?: Numeric;
+        shape?: CheckerShape | RadioShape;
         disabled?: boolean;
         iconSize?: Numeric;
         direction?: CheckerDirection;
+        modelValue?: unknown | unknown[];
         checkedColor?: string;
     };
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -24,12 +24,8 @@ export declare const checkerProps: {
     labelPosition: PropType<CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 };
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -42,18 +38,19 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: PropType<CheckerShape | RadioShape>;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
     };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -66,20 +63,25 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: PropType<CheckerShape | RadioShape>;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+    indeterminate: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+}>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
     onToggle?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     checked: boolean;
     disabled: boolean;
-    shape: CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
-}>;
+    indeterminate: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;