vant 3.6.12 → 3.6.13

package/es/checkbox/Checker.mjs

@@ -1,10 +1,8 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, computed, defineComponent } from "vue";
-import { extend, addUnit, truthProp, numericProp, unknownProp, makeStringProp, makeRequiredProp } from "../utils/index.mjs";
+import { ref, computed, defineComponent, createVNode as _createVNode } from "vue";
+import { extend, addUnit, truthProp, numericProp, unknownProp, makeRequiredProp } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 const checkerProps = {
   name: unknownProp,
-  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   modelValue: unknownProp,
@@ -16,9 +14,14 @@ var stdin_default = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
+    shape: String,
     parent: Object,
     checked: Boolean,
-    bindGroup: truthProp
+    bindGroup: truthProp,
+    indeterminate: {
+      type: Boolean,
+      default: null
+    }
   }),
   emits: ["click", "toggle"],
   setup(props, {
@@ -31,7 +34,19 @@ var stdin_default = defineComponent({
         return props.parent.props[name];
       }
     };
-    const disabled = computed(() => getParentProp("disabled") || props.disabled);
+    const disabled = computed(() => {
+      if (props.parent && props.bindGroup) {
+        const disabled2 = getParentProp("disabled") || props.disabled;
+        if (props.role === "checkbox") {
+          const checkedCount = getParentProp("modelValue").length;
+          const max = getParentProp("max");
+          const overlimit = max && checkedCount >= +max;
+          return disabled2 || overlimit && !props.checked;
+        }
+        return disabled2;
+      }
+      return props.disabled;
+    });
     const direction = computed(() => getParentProp("direction"));
     const iconStyle = computed(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");
@@ -42,6 +57,9 @@ var stdin_default = defineComponent({
         };
       }
     });
+    const shape = computed(() => {
+      return props.shape || getParentProp("shape") || "round";
+    });
     const onClick = (event) => {
       const {
         target
@@ -54,36 +72,53 @@ var stdin_default = defineComponent({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem,
-        shape,
-        checked
+        checked,
+        indeterminate
       } = props;
       const iconSize = props.iconSize || getParentProp("iconSize");
       return _createVNode("div", {
         "ref": iconRef,
-        "class": bem("icon", [shape, {
+        "class": bem("icon", [shape.value, {
           disabled: disabled.value,
-          checked
+          checked,
+          indeterminate
         }]),
-        "style": {
+        "style": shape.value !== "dot" ? {
           fontSize: addUnit(iconSize)
+        } : {
+          width: addUnit(iconSize),
+          height: addUnit(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : _createVNode(Icon, {
-        "name": "success",
+      }) : shape.value !== "dot" ? _createVNode(Icon, {
+        "name": indeterminate ? "minus" : "success",
         "style": iconStyle.value
+      }, null) : _createVNode("div", {
+        "class": bem("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {
+      const {
+        checked
+      } = props;
       if (slots.default) {
         return _createVNode("span", {
           "class": props.bem("label", [props.labelPosition, {
             disabled: disabled.value
           }])
-        }, [slots.default()]);
+        }, [slots.default({
+          checked,
+          disabled: disabled.value
+        })]);
       }
     };
     return () => {

package/es/checkbox/index.css

@@ -1 +1 @@
-:root{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-transition-duration: var(--van-animation-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background-color: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-transition-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background-color);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}
+:root,:host{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--indeterminate .van-icon{display:flex;align-items:center;justify-content:center;color:var(--van-white);border-color:var(--van-checkbox-checked-icon-color);background-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}

package/es/checkbox/index.d.ts

@@ -1,9 +1,5 @@
-export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     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>;
@@ -11,16 +7,17 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: import("vue").PropType<import("./Checker").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<import("vue").ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
+    indeterminate: {
+        type: import("vue").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<import("vue").ExtractPropTypes<{
+    name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -28,22 +25,28 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: import("vue").PropType<import("./Checker").CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
-}>> & {
+    indeterminate: {
+        type: import("vue").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 Checkbox;
+export { checkboxProps } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
-export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+export type { CheckboxShape, CheckboxInstance, CheckboxThemeVars, CheckboxLabelPosition, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCheckbox: typeof Checkbox;

package/es/checkbox/index.mjs

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

package/es/checkbox/types.d.ts

@@ -1,13 +1,24 @@
 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 = {
+export type CheckboxShape = CheckerShape;
+export type CheckboxLabelPosition = CheckerLabelPosition;
+export type CheckboxExpose = {
     toggle: (newValue?: boolean) => void;
     /** @private */
     props: CheckboxProps;
     /** @private */
     checked: ComputedRef<boolean>;
 };
-export declare type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export type CheckboxThemeVars = {
+    checkboxSize?: string;
+    checkboxBorderColor?: string;
+    checkboxDuration?: string;
+    checkboxLabelMargin?: string;
+    checkboxLabelColor?: string;
+    checkboxCheckedIconColor?: string;
+    checkboxDisabledIconColor?: string;
+    checkboxDisabledLabelColor?: string;
+    checkboxDisabledBackground?: string;
+};

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

@@ -1,44 +1,57 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import type { CheckerDirection } from '../checkbox/Checker';
+import type { CheckerShape, CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<T>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
     modelValue: {
-        type: PropType<unknown[]>;
+        type: PropType<T_1[]>;
         default: () => never[];
     };
     checkedColor: StringConstructor;
 };
-export declare type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
+export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<T>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
     modelValue: {
-        type: PropType<unknown[]>;
+        type: PropType<T_1[]>;
         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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<T>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
     modelValue: {
-        type: PropType<unknown[]>;
+        type: PropType<T_1[]>;
         default: () => never[];
     };
     checkedColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
+    shape: CheckerShape;
     modelValue: unknown[];
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/checkbox-group/CheckboxGroup.mjs

@@ -1,11 +1,11 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, defineComponent } from "vue";
-import { numericProp, createNamespace, makeArrayProp } from "../utils/index.mjs";
+import { watch, defineComponent, createVNode as _createVNode } from "vue";
+import { numericProp, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useChildren, useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
+  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   direction: String,
@@ -67,5 +67,6 @@ var stdin_default = defineComponent({
 });
 export {
   CHECKBOX_GROUP_KEY,
+  checkboxGroupProps,
   stdin_default as default
 };

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

@@ -1,31 +1,41 @@
-export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<T>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     modelValue: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<T_1[]>;
         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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<T>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
     modelValue: {
-        type: import("vue").PropType<unknown[]>;
+        type: import("vue").PropType<T_1[]>;
         default: () => never[];
     };
     checkedColor: StringConstructor;
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
+    shape: import("../checkbox/Checker").CheckerShape;
     modelValue: unknown[];
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CheckboxGroup;
+export { checkboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';
 declare module 'vue' {

package/es/checkbox-group/index.mjs

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

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

@@ -1,16 +1,16 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { CheckboxGroupProps } from './CheckboxGroup';
 import type { CheckerParent, CheckerDirection } from '../checkbox/Checker';
-export declare type CheckboxGroupDirection = CheckerDirection;
-export declare type CheckboxGroupToggleAllOptions = boolean | {
+export type CheckboxGroupDirection = CheckerDirection;
+export type CheckboxGroupToggleAllOptions = boolean | {
     checked?: boolean;
     skipDisabled?: boolean;
 };
-export declare type CheckboxGroupExpose = {
+export type CheckboxGroupExpose = {
     toggleAll: (options?: CheckboxGroupToggleAllOptions) => void;
 };
-export declare type CheckboxGroupInstance = ComponentPublicInstance<CheckboxGroupProps, CheckboxGroupExpose>;
-export declare type CheckboxGroupProvide = CheckerParent & {
+export type CheckboxGroupInstance = ComponentPublicInstance<CheckboxGroupProps, CheckboxGroupExpose>;
+export type CheckboxGroupProvide = CheckerParent & {
     props: CheckboxGroupProps;
     updateValue: (value: unknown[]) => void;
 };

package/es/circle/Circle.d.ts

@@ -1,10 +1,10 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
-declare const circleProps: {
+export type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
+export declare const circleProps: {
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     rate: {
@@ -31,16 +31,16 @@ declare const circleProps: {
     };
     strokeLinecap: PropType<CanvasLineCap>;
     startPosition: {
-        type: PropType<CircleStartPosition>;
+        type: PropType<T>;
         default: CircleStartPosition;
     };
 };
-export declare type CircleProps = ExtractPropTypes<typeof circleProps>;
-declare const _default: import("vue").DefineComponent<{
+export type CircleProps = ExtractPropTypes<typeof circleProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     rate: {
@@ -67,14 +67,14 @@ declare const _default: import("vue").DefineComponent<{
     };
     strokeLinecap: PropType<CanvasLineCap>;
     startPosition: {
-        type: PropType<CircleStartPosition>;
+        type: PropType<T>;
         default: CircleStartPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {
-        type: PropType<string>;
+        type: PropType<T>;
         default: string;
     };
     rate: {
@@ -101,12 +101,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     strokeLinecap: PropType<CanvasLineCap>;
     startPosition: {
-        type: PropType<CircleStartPosition>;
+        type: PropType<T>;
         default: CircleStartPosition;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:currentRate"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     fill: string;
     strokeWidth: string | number;
     rate: string | number;
@@ -114,5 +114,5 @@ declare const _default: import("vue").DefineComponent<{
     clockwise: boolean;
     currentRate: number;
     startPosition: CircleStartPosition;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/circle/Circle.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, computed, defineComponent } from "vue";
+import { watch, computed, defineComponent, createVNode as _createVNode } from "vue";
 import { raf, cancelRaf } from "@vant/use";
 import { isObject, truthProp, numericProp, getSizeStyle, makeStringProp, makeNumberProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("circle");
@@ -148,5 +147,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  circleProps,
   stdin_default as default
 };

package/es/circle/index.css

@@ -1 +1 @@
-:root{--van-circle-size: 100px;--van-circle-color: var(--van-primary-color);--van-circle-layer-color: var(--van-white);--van-circle-text-color: var(--van-text-color);--van-circle-text-font-weight: var(--van-font-weight-bold);--van-circle-text-font-size: var(--van-font-size-md);--van-circle-text-line-height: var(--van-line-height-md)}.van-circle{position:relative;display:inline-block;width:var(--van-circle-size);height:var(--van-circle-size);text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:var(--van-circle-layer-color)}.van-circle__hover{fill:none;stroke:var(--van-circle-color);stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 var(--van-padding-base);color:var(--van-circle-text-color);font-weight:var(--van-circle-text-font-weight);font-size:var(--van-circle-text-font-size);line-height:var(--van-circle-text-line-height);transform:translateY(-50%)}
+:root,:host{--van-circle-size: 100px;--van-circle-color: var(--van-primary-color);--van-circle-layer-color: var(--van-white);--van-circle-text-color: var(--van-text-color);--van-circle-text-font-weight: var(--van-font-bold);--van-circle-text-font-size: var(--van-font-size-md);--van-circle-text-line-height: var(--van-line-height-md)}.van-circle{position:relative;display:inline-block;width:var(--van-circle-size);height:var(--van-circle-size);text-align:center}.van-circle svg{position:absolute;top:0;left:0;width:100%;height:100%}.van-circle__layer{stroke:var(--van-circle-layer-color)}.van-circle__hover{fill:none;stroke:var(--van-circle-color);stroke-linecap:round}.van-circle__text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;padding:0 var(--van-padding-base);color:var(--van-circle-text-color);font-weight:var(--van-circle-text-font-weight);font-size:var(--van-circle-text-font-size);line-height:var(--van-circle-text-line-height);transform:translateY(-50%)}

package/es/circle/index.d.ts

@@ -1,8 +1,8 @@
-export declare const Circle: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Circle: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     rate: {
@@ -29,14 +29,14 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     };
     strokeLinecap: import("vue").PropType<CanvasLineCap>;
     startPosition: {
-        type: import("vue").PropType<import("./Circle").CircleStartPosition>;
+        type: import("vue").PropType<T>;
         default: import("./Circle").CircleStartPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:currentRate"[], "update:currentRate", 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, "update:currentRate"[], "update:currentRate", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     rate: {
@@ -63,12 +63,12 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     };
     strokeLinecap: import("vue").PropType<CanvasLineCap>;
     startPosition: {
-        type: import("vue").PropType<import("./Circle").CircleStartPosition>;
+        type: import("vue").PropType<T>;
         default: import("./Circle").CircleStartPosition;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:currentRate"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     fill: string;
     strokeWidth: string | number;
     rate: string | number;
@@ -76,9 +76,11 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     clockwise: boolean;
     currentRate: number;
     startPosition: import("./Circle").CircleStartPosition;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Circle;
+export { circleProps } from './Circle';
 export type { CircleProps, CircleStartPosition } from './Circle';
+export type { CircleThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCircle: typeof Circle;

package/es/circle/index.mjs

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

package/es/circle/types.d.ts

@@ -0,0 +1,9 @@
+export type CircleThemeVars = {
+    circleSize?: string;
+    circleColor?: string;
+    circleLayerColor?: string;
+    circleTextColor?: string;
+    circleTextFontWeight?: string;
+    circleTextFontSize?: string;
+    circleTextLineHeight?: number | string;
+};

package/es/col/Col.d.ts

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
-declare const colProps: {
+export declare const colProps: {
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: import("vue").PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
     span: {
@@ -10,10 +10,10 @@ declare const colProps: {
     };
     offset: (NumberConstructor | StringConstructor)[];
 };
-export declare type ColProps = ExtractPropTypes<typeof colProps>;
-declare const _default: import("vue").DefineComponent<{
+export type ColProps = ExtractPropTypes<typeof colProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: import("vue").PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
     span: {
@@ -21,9 +21,9 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => 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<{
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: import("vue").PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
     span: {
@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}>>, {
+}>> & Readonly<{}>, {
     span: string | number;
     tag: keyof HTMLElementTagNameMap;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;