vant 4.0.0-rc.0 → 4.0.0-rc.3

package/lib/field/index.css

@@ -1 +1 @@
-body{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--van-field-label-margin-right: var(--van-padding-sm);--van-field-input-text-color: var(--van-text-color);--van-field-input-error-text-color: var(--van-danger-color);--van-field-input-disabled-text-color: var(--van-text-color-3);--van-field-placeholder-text-color: var(--van-text-color-3);--van-field-icon-size: 16px;--van-field-clear-icon-size: 16px;--van-field-clear-icon-color: var(--van-gray-5);--van-field-right-icon-color: var(--van-gray-6);--van-field-error-message-color: var(--van-danger-color);--van-field-error-message-font-size: 12px;--van-field-text-area-min-height: 60px;--van-field-word-limit-color: var(--van-gray-7);--van-field-word-limit-font-size: var(--van-font-size-sm);--van-field-word-limit-line-height: 16px;--van-field-disabled-text-color: var(--van-text-color-3);--van-field-required-mark-color: var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required:before{margin-right:2px;color:var(--van-field-required-mark-color);content:"*"}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

package/lib/field/index.d.ts

@@ -194,8 +194,9 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     colon: boolean;
 }>>;
 export default Field;
+export { fieldProps } from './Field';
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/lib/field/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Field: () => Field,
-  default: () => stdin_default
+  default: () => stdin_default,
+  fieldProps: () => import_Field2.fieldProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Field = __toESM(require("./Field"));
+var import_Field2 = require("./Field");
 const Field = (0, import_utils.withInstall)(import_Field.default);
 var stdin_default = Field;

package/lib/field/types.d.ts

@@ -42,3 +42,24 @@ declare global {
         composing?: boolean;
     }
 }
+export declare type FieldThemeVars = {
+    fieldLabelWidth?: string;
+    fieldLabelColor?: string;
+    fieldLabelMarginRight?: string;
+    fieldInputTextColor?: string;
+    fieldInputErrorTextColor?: string;
+    fieldInputDisabledTextColor?: string;
+    fieldPlaceholderTextColor?: string;
+    fieldIconSize?: string;
+    fieldClearIconSize?: string;
+    fieldClearIconColor?: string;
+    fieldRightIconColor?: string;
+    fieldErrorMessageColor?: string;
+    fieldErrorMessageFontSize?: string;
+    fieldTextAreaMinHeight?: string;
+    fieldWordLimitColor?: string;
+    fieldWordLimitFontSize?: string;
+    fieldWordLimitLineHeight?: number | string;
+    fieldDisabledTextColor?: string;
+    fieldRequiredMarkColor?: string;
+};

package/lib/form/Form.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FieldTextAlign, FieldValidateTrigger } from '../field/types';
-declare const formProps: {
+export declare const formProps: {
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;

package/lib/form/Form.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  formProps: () => formProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/form/index.d.ts

@@ -60,6 +60,7 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
     validateTrigger: import("..").FieldValidateTrigger | import("..").FieldValidateTrigger[];
 }>>;
 export default Form;
+export { formProps } from './Form';
 export type { FormProps };
 export type { FormInstance } from './types';
 declare module 'vue' {

package/lib/form/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Form: () => Form,
-  default: () => stdin_default
+  default: () => stdin_default,
+  formProps: () => import_Form2.formProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Form = __toESM(require("./Form"));
+var import_Form2 = require("./Form");
 const Form = (0, import_utils.withInstall)(import_Form.default);
 var stdin_default = Form;

package/lib/grid/Grid.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 export declare type GridDirection = 'horizontal' | 'vertical';
-declare const gridProps: {
+export declare const gridProps: {
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;

package/lib/grid/Grid.js

@@ -18,7 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   GRID_KEY: () => GRID_KEY,
-  default: () => stdin_default
+  default: () => stdin_default,
+  gridProps: () => gridProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/grid/index.d.ts

@@ -45,6 +45,7 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
     columnNum: string | number;
 }>>;
 export default Grid;
+export { gridProps } from './Grid';
 export type { GridProps, GridDirection } from './Grid';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/grid/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Grid: () => Grid,
-  default: () => stdin_default
+  default: () => stdin_default,
+  gridProps: () => import_Grid2.gridProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Grid = __toESM(require("./Grid"));
+var import_Grid2 = require("./Grid");
 const Grid = (0, import_utils.withInstall)(import_Grid.default);
 var stdin_default = Grid;

package/lib/grid-item/GridItem.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type BadgeProps } from '../badge';
-declare const gridItemProps: {
+export declare const gridItemProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/lib/grid-item/GridItem.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  gridItemProps: () => gridItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/grid-item/index.css

@@ -1 +1 @@
-body{--van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background: var(--van-background-2);--van-grid-item-content-active-color: var(--van-active-color);--van-grid-item-icon-size: 28px;--van-grid-item-text-color: var(--van-text-color);--van-grid-item-text-font-size: var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background)}.van-grid-item__content:after{z-index:1;border-width:0 var(--van-border-width) var(--van-border-width) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround:after{border-width:var(--van-border-width)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}
+:root{--van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background: var(--van-background-2);--van-grid-item-content-active-color: var(--van-active-color);--van-grid-item-icon-size: 28px;--van-grid-item-text-color: var(--van-text-color);--van-grid-item-text-font-size: var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background)}.van-grid-item__content:after{z-index:1;border-width:0 var(--van-border-width) var(--van-border-width) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround:after{border-width:var(--van-border-width)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}

package/lib/grid-item/index.d.ts

@@ -27,7 +27,9 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     dot: boolean;
 }>>;
 export default GridItem;
+export { gridItemProps } from './GridItem';
 export type { GridItemProps } from './GridItem';
+export type { GridItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanGridItem: typeof GridItem;

package/lib/grid-item/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   GridItem: () => GridItem,
-  default: () => stdin_default
+  default: () => stdin_default,
+  gridItemProps: () => import_GridItem2.gridItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_GridItem = __toESM(require("./GridItem"));
+var import_GridItem2 = require("./GridItem");
 const GridItem = (0, import_utils.withInstall)(import_GridItem.default);
 var stdin_default = GridItem;

package/lib/grid-item/types.d.ts

@@ -0,0 +1,8 @@
+export declare type GridItemThemeVars = {
+    gridItemContentPadding?: string;
+    gridItemContentBackground?: string;
+    gridItemContentActiveColor?: string;
+    gridItemIconSize?: string;
+    gridItemTextColor?: string;
+    gridItemTextFontSize?: string;
+};

package/lib/grid-item/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type BadgeProps } from '../badge';
-declare const iconProps: {
+export declare const iconProps: {
     dot: BooleanConstructor;
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;

package/lib/icon/Icon.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  iconProps: () => iconProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/icon/index.d.ts

@@ -27,6 +27,7 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Icon;
+export { iconProps } from './Icon';
 export type { IconProps } from './Icon';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/icon/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Icon: () => Icon,
-  default: () => stdin_default
+  default: () => stdin_default,
+  iconProps: () => import_Icon2.iconProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Icon = __toESM(require("./Icon"));
+var import_Icon2 = require("./Icon");
 const Icon = (0, import_utils.withInstall)(import_Icon.default);
 var stdin_default = Icon;

package/lib/image/Image.d.ts

@@ -1,12 +1,13 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
 export declare type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
-declare const imageProps: {
+export declare const imageProps: {
     src: StringConstructor;
     alt: StringConstructor;
     fit: PropType<ImageFit>;
     position: PropType<string>;
     round: BooleanConstructor;
+    block: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     radius: (NumberConstructor | StringConstructor)[];
@@ -37,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
     fit: PropType<ImageFit>;
     position: PropType<string>;
     round: BooleanConstructor;
+    block: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     radius: (NumberConstructor | StringConstructor)[];
@@ -65,6 +67,7 @@ declare const _default: import("vue").DefineComponent<{
     fit: PropType<ImageFit>;
     position: PropType<string>;
     round: BooleanConstructor;
+    block: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     radius: (NumberConstructor | StringConstructor)[];
@@ -93,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     round: boolean;
     showError: boolean;
+    block: boolean;
     lazyLoad: boolean;
     errorIcon: string;
     showLoading: boolean;

package/lib/image/Image.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  imageProps: () => imageProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -31,6 +32,7 @@ const imageProps = {
   fit: String,
   position: String,
   round: Boolean,
+  block: Boolean,
   width: import_utils.numericProp,
   height: import_utils.numericProp,
   radius: import_utils.numericProp,
@@ -159,7 +161,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a;
       return (0, import_vue.createVNode)("div", {
         "class": bem({
-          round: props.round
+          round: props.round,
+          block: props.block
         }),
         "style": style.value
       }, [renderImage(), renderPlaceholder(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);

package/lib/image/index.css

@@ -1 +1 @@
-body{--van-image-placeholder-text-color: var(--van-text-color-2);--van-image-placeholder-font-size: var(--van-font-size-md);--van-image-placeholder-background: var(--van-background);--van-image-loading-icon-size: 32px;--van-image-loading-icon-color: var(--van-gray-4);--van-image-error-icon-size: 32px;--van-image-error-icon-color: var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__img,.van-image__error,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}
+:root{--van-image-placeholder-text-color: var(--van-text-color-2);--van-image-placeholder-font-size: var(--van-font-size-md);--van-image-placeholder-background: var(--van-background);--van-image-loading-icon-size: 32px;--van-image-loading-icon-color: var(--van-gray-4);--van-image-error-icon-size: 32px;--van-image-error-icon-color: var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image--block{display:block}.van-image__img,.van-image__error,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}

package/lib/image/index.d.ts

@@ -4,6 +4,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     fit: import("vue").PropType<import("./Image").ImageFit>;
     position: import("vue").PropType<string>;
     round: BooleanConstructor;
+    block: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     radius: (NumberConstructor | StringConstructor)[];
@@ -32,6 +33,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     fit: import("vue").PropType<import("./Image").ImageFit>;
     position: import("vue").PropType<string>;
     round: BooleanConstructor;
+    block: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
     radius: (NumberConstructor | StringConstructor)[];
@@ -60,13 +62,16 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
 }, {
     round: boolean;
     showError: boolean;
+    block: boolean;
     lazyLoad: boolean;
     errorIcon: string;
     showLoading: boolean;
     loadingIcon: string;
 }>>;
 export default Image;
+export { imageProps } from './Image';
 export type { ImageFit, ImageProps } from './Image';
+export type { ImageThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanImage: typeof Image;

package/lib/image/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Image: () => Image,
-  default: () => stdin_default
+  default: () => stdin_default,
+  imageProps: () => import_Image2.imageProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Image = __toESM(require("./Image"));
+var import_Image2 = require("./Image");
 const Image = (0, import_utils.withInstall)(import_Image.default);
 var stdin_default = Image;

package/lib/image/types.d.ts

@@ -0,0 +1,9 @@
+export declare type ImageThemeVars = {
+    imagePlaceholderTextColor?: string;
+    imagePlaceholderFontSize?: string;
+    imagePlaceholderBackground?: string;
+    imageLoadingIconSize?: string;
+    imageLoadingIconColor?: string;
+    imageErrorIconSize?: string;
+    imageErrorIconColor?: string;
+};

package/lib/image/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/image-preview/ImagePreview.d.ts

@@ -1,7 +1,7 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import { PopupCloseIconPosition } from '../popup';
-declare const imagePreviewProps: {
+export declare const imagePreviewProps: {
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;

package/lib/image-preview/ImagePreview.js

@@ -23,7 +23,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  imagePreviewProps: () => imagePreviewProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/image-preview/index.css

@@ -1 +1 @@
-body{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/lib/image-preview/index.d.ts

@@ -128,11 +128,12 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     showIndex: boolean;
 }>>;
 export default ImagePreview;
+export { imagePreviewProps } from './ImagePreview';
 export { showImagePreview } from './function-call';
 export type { ImagePreviewProps };
-export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';
+export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewThemeVars, ImagePreviewScaleEventParams, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
-        VanImagePreview: typeof ImagePreview.Component;
+        VanImagePreview: typeof ImagePreview;
     }
 }

package/lib/image-preview/index.js

@@ -25,11 +25,13 @@ var stdin_exports = {};
 __export(stdin_exports, {
   ImagePreview: () => ImagePreview,
   default: () => stdin_default,
+  imagePreviewProps: () => import_ImagePreview2.imagePreviewProps,
   showImagePreview: () => import_function_call.showImagePreview
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_ImagePreview = __toESM(require("./ImagePreview"));
+var import_ImagePreview2 = require("./ImagePreview");
 var import_function_call = require("./function-call");
 const ImagePreview = (0, import_utils.withInstall)(import_ImagePreview.default);
 var stdin_default = ImagePreview;

package/lib/image-preview/types.d.ts

@@ -37,3 +37,14 @@ export declare type ImagePreviewExpose = {
     swipeTo: (index: number, options?: SwipeToOptions) => void;
 };
 export declare type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
+export declare type ImagePreviewThemeVars = {
+    imagePreviewIndexTextColor?: string;
+    imagePreviewIndexFontSize?: string;
+    imagePreviewIndexLineHeight?: number | string;
+    imagePreviewIndexTextShadow?: string;
+    imagePreviewOverlayBackground?: string;
+    imagePreviewCloseIconSize?: string;
+    imagePreviewCloseIconColor?: string;
+    imagePreviewCloseIconMargin?: string;
+    imagePreviewCloseIconZIndex?: number | string;
+};

package/lib/index-anchor/IndexAnchor.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const indexAnchorProps: {
+export declare const indexAnchorProps: {
     index: (NumberConstructor | StringConstructor)[];
 };
 export declare type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;

package/lib/index-anchor/IndexAnchor.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexAnchorProps: () => indexAnchorProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/index-anchor/index.css

@@ -1 +1 @@
-body{--van-index-anchor-z-index: 1;--van-index-anchor-padding: 0 var(--van-padding-md);--van-index-anchor-text-color: var(--van-text-color);--van-index-anchor-font-weight: var(--van-font-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background)}
+:root{--van-index-anchor-z-index: 1;--van-index-anchor-padding: 0 var(--van-padding-md);--van-index-anchor-text-color: var(--van-text-color);--van-index-anchor-font-weight: var(--van-font-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background)}

package/lib/index-anchor/index.d.ts

@@ -4,7 +4,9 @@ export declare const IndexAnchor: import("../utils").WithInstall<import("vue").D
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>>;
 export default IndexAnchor;
+export { indexAnchorProps } from './IndexAnchor';
 export type { IndexAnchorProps } from './IndexAnchor';
+export type { IndexAnchorThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanIndexAnchor: typeof IndexAnchor;

package/lib/index-anchor/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   IndexAnchor: () => IndexAnchor,
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexAnchorProps: () => import_IndexAnchor2.indexAnchorProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_IndexAnchor = __toESM(require("./IndexAnchor"));
+var import_IndexAnchor2 = require("./IndexAnchor");
 const IndexAnchor = (0, import_utils.withInstall)(import_IndexAnchor.default);
 var stdin_default = IndexAnchor;

package/lib/index-anchor/types.d.ts

@@ -0,0 +1,11 @@
+export declare type IndexAnchorThemeVars = {
+    indexAnchorZIndex?: number | string;
+    indexAnchorPadding?: string;
+    indexAnchorTextColor?: string;
+    indexAnchorFontWeight?: string;
+    indexAnchorFontSize?: string;
+    indexAnchorLineHeight?: number | string;
+    indexAnchorBackground?: string;
+    indexAnchorStickyTextColor?: string;
+    indexAnchorStickyBackground?: string;
+};

package/lib/index-anchor/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/index-bar/IndexBar.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
 import { IndexBarProvide } from './types';
 declare function genAlphabet(): string[];
-declare const indexBarProps: {
+export declare const indexBarProps: {
     sticky: {
         type: BooleanConstructor;
         default: true;

package/lib/index-bar/IndexBar.js

@@ -18,7 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   INDEX_BAR_KEY: () => INDEX_BAR_KEY,
-  default: () => stdin_default
+  default: () => stdin_default,
+  indexBarProps: () => indexBarProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");