vant 3.6.12 → 3.6.13

package/es/stepper/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Stepper: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -34,6 +34,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -48,7 +52,7 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "plus" | "minus" | "overlimit", 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, ("focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit")[], "focus" | "blur" | "update:modelValue" | "change" | "minus" | "plus" | "overlimit", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -84,6 +88,10 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    autoFixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
     allowEmpty: BooleanConstructor;
     modelValue: (NumberConstructor | StringConstructor)[];
     inputWidth: (NumberConstructor | StringConstructor)[];
@@ -98,33 +106,36 @@ export declare const Stepper: import("../utils").WithInstall<import("vue").Defin
         default: number;
     };
     decimalLength: (NumberConstructor | StringConstructor)[];
-}>> & {
+}>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onPlus?: ((...args: any[]) => any) | undefined;
     onMinus?: ((...args: any[]) => any) | undefined;
+    onPlus?: ((...args: any[]) => any) | undefined;
     onOverlimit?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     name: string | number;
     max: string | number;
     disabled: boolean;
     min: string | number;
+    longPress: boolean;
     step: string | number;
     integer: boolean;
     showPlus: boolean;
     showMinus: boolean;
     showInput: boolean;
-    longPress: boolean;
+    autoFixed: boolean;
     allowEmpty: boolean;
     disablePlus: boolean;
     disableMinus: boolean;
     disableInput: boolean;
     defaultValue: string | number;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Stepper;
+export { stepperProps } from './Stepper';
 export type { StepperTheme, StepperProps } from './Stepper';
+export type { StepperThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanStepper: typeof Stepper;

package/es/stepper/index.mjs

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

package/es/stepper/types.d.ts

@@ -0,0 +1,15 @@
+export type StepperThemeVars = {
+    stepperBackground?: string;
+    stepperButtonIconColor?: string;
+    stepperButtonDisabledColor?: string;
+    stepperButtonDisabledIconColor?: string;
+    stepperButtonRoundThemeColor?: string;
+    stepperInputWidth?: string;
+    stepperInputHeight?: string;
+    stepperInputFontSize?: string;
+    stepperInputLineHeight?: number | string;
+    stepperInputTextColor?: string;
+    stepperInputDisabledTextColor?: string;
+    stepperInputDisabledBackground?: string;
+    stepperRadius?: string;
+};

package/es/steps/Steps.d.ts

@@ -1,16 +1,16 @@
 import { type ExtractPropTypes, type InjectionKey } from 'vue';
-export declare type StepsDirection = 'horizontal' | 'vertical';
-declare const stepsProps: {
+export type StepsDirection = 'horizontal' | 'vertical';
+export declare const stepsProps: {
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<StepsDirection>;
+        type: import("vue").PropType<T>;
         default: StepsDirection;
     };
     activeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     iconPrefix: StringConstructor;
@@ -19,23 +19,23 @@ declare const stepsProps: {
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
 };
-export declare type StepsProps = ExtractPropTypes<typeof stepsProps>;
-export declare type StepsProvide = {
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;
+export type StepsProvide = {
     props: StepsProps;
     onClickStep: (index: number) => void;
 };
 export declare const STEPS_KEY: InjectionKey<StepsProvide>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<StepsDirection>;
+        type: import("vue").PropType<T>;
         default: StepsDirection;
     };
     activeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     iconPrefix: StringConstructor;
@@ -43,17 +43,17 @@ declare const _default: import("vue").DefineComponent<{
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<StepsDirection>;
+        type: import("vue").PropType<T>;
         default: StepsDirection;
     };
     activeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     iconPrefix: StringConstructor;
@@ -61,11 +61,11 @@ declare const _default: import("vue").DefineComponent<{
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}>> & {
-    "onClick-step"?: ((...args: any[]) => any) | undefined;
-}, {
+}>> & Readonly<{
+    onClickStep?: ((...args: any[]) => any) | undefined;
+}>, {
     active: string | number;
     direction: StepsDirection;
     activeIcon: string;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/steps/Steps.mjs

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, createVNode as _createVNode } from "vue";
 import { makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
 const [name, bem] = createNamespace("steps");
@@ -17,7 +16,7 @@ const STEPS_KEY = Symbol(name);
 var stdin_default = defineComponent({
   name,
   props: stepsProps,
-  emits: ["click-step"],
+  emits: ["clickStep"],
   setup(props, {
     emit,
     slots
@@ -25,7 +24,7 @@ var stdin_default = defineComponent({
     const {
       linkChildren
     } = useChildren(STEPS_KEY);
-    const onClickStep = (index) => emit("click-step", index);
+    const onClickStep = (index) => emit("clickStep", index);
     linkChildren({
       props,
       onClickStep
@@ -42,5 +41,6 @@ var stdin_default = defineComponent({
 });
 export {
   STEPS_KEY,
-  stdin_default as default
+  stdin_default as default,
+  stepsProps
 };

package/es/steps/index.css

@@ -1 +1 @@
-:root{--van-steps-background-color: var(--van-background-color-light)}.van-steps{overflow:hidden;background-color:var(--van-steps-background-color)}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 var(--van-padding-xl)}
+:root,:host{--van-steps-background: var(--van-background-2)}.van-steps{overflow:hidden;background-color:var(--van-steps-background)}.van-steps--horizontal{padding:10px 10px 0}.van-steps--horizontal .van-steps__items{position:relative;display:flex;margin:0 0 10px;padding-bottom:22px}.van-steps--vertical{padding:0 0 0 var(--van-padding-xl)}

package/es/steps/index.d.ts

@@ -1,14 +1,14 @@
-export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Steps: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<import("./Steps").StepsDirection>;
+        type: import("vue").PropType<T>;
         default: import("./Steps").StepsDirection;
     };
     activeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     iconPrefix: StringConstructor;
@@ -16,17 +16,17 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-step"[], "click-step", 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, "clickStep"[], "clickStep", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     direction: {
-        type: import("vue").PropType<import("./Steps").StepsDirection>;
+        type: import("vue").PropType<T>;
         default: import("./Steps").StepsDirection;
     };
     activeIcon: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<T>;
         default: string;
     };
     iconPrefix: StringConstructor;
@@ -34,15 +34,17 @@ export declare const Steps: import("../utils").WithInstall<import("vue").DefineC
     activeColor: StringConstructor;
     inactiveIcon: StringConstructor;
     inactiveColor: StringConstructor;
-}>> & {
-    "onClick-step"?: ((...args: any[]) => any) | undefined;
-}, {
+}>> & Readonly<{
+    onClickStep?: ((...args: any[]) => any) | undefined;
+}>, {
     active: string | number;
     direction: import("./Steps").StepsDirection;
     activeIcon: string;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Steps;
+export { stepsProps } from './Steps';
 export type { StepsProps, StepsDirection } from './Steps';
+export type { StepsThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSteps: typeof Steps;

package/es/steps/index.mjs

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

package/es/steps/types.d.ts

@@ -0,0 +1,3 @@
+export type StepsThemeVars = {
+    stepsBackground?: string;
+};

package/es/sticky/Sticky.d.ts

@@ -1,9 +1,9 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type StickyPosition = 'top' | 'bottom';
-declare const stickyProps: {
+export type StickyPosition = 'top' | 'bottom';
+export declare const stickyProps: {
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
-        type: PropType<StickyPosition>;
+        type: PropType<T>;
         default: StickyPosition;
     };
     container: PropType<Element>;
@@ -16,11 +16,11 @@ declare const stickyProps: {
         default: number;
     };
 };
-export declare type StickyProps = ExtractPropTypes<typeof stickyProps>;
-declare const _default: import("vue").DefineComponent<{
+export type StickyProps = ExtractPropTypes<typeof stickyProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
-        type: PropType<StickyPosition>;
+        type: PropType<T>;
         default: StickyPosition;
     };
     container: PropType<Element>;
@@ -32,10 +32,10 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
-        type: PropType<StickyPosition>;
+        type: PropType<T>;
         default: StickyPosition;
     };
     container: PropType<Element>;
@@ -47,12 +47,12 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/sticky/Sticky.mjs

@@ -1,6 +1,5 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, reactive, defineComponent } from "vue";
-import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { ref, watch, computed, nextTick, reactive, defineComponent, createVNode as _createVNode } from "vue";
+import { extend, isHidden, unitToPx, numericProp, windowWidth, windowHeight, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useRect, useEventListener, useScrollParent } from "@vant/use";
 import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
 const [name, bem] = createNamespace("sticky");
@@ -24,11 +23,17 @@ var stdin_default = defineComponent({
     const state = reactive({
       fixed: false,
       width: 0,
+      // root width
       height: 0,
+      // root height
       transform: 0
     });
+    const isReset = ref(false);
     const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
     const rootStyle = computed(() => {
+      if (isReset.value) {
+        return;
+      }
       const {
         fixed,
         height,
@@ -42,7 +47,7 @@ var stdin_default = defineComponent({
       }
     });
     const stickyStyle = computed(() => {
-      if (!state.fixed) {
+      if (!state.fixed || isReset.value) {
         return;
       }
       const style = extend(getZIndexStyle(props.zIndex), {
@@ -101,6 +106,18 @@ var stdin_default = defineComponent({
       passive: true
     });
     useVisibilityChange(root, onScroll);
+    watch([windowWidth, windowHeight], () => {
+      if (!root.value || isHidden(root) || !state.fixed) {
+        return;
+      }
+      isReset.value = true;
+      nextTick(() => {
+        const rootRect = useRect(root);
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+        isReset.value = false;
+      });
+    });
     return () => {
       var _a;
       return _createVNode("div", {
@@ -108,7 +125,7 @@ var stdin_default = defineComponent({
         "style": rootStyle.value
       }, [_createVNode("div", {
         "class": bem({
-          fixed: state.fixed
+          fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
@@ -116,5 +133,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  stickyProps
 };

package/es/sticky/index.css

@@ -1 +1 @@
-:root{--van-sticky-z-index: 99}.van-sticky--fixed{position:fixed;z-index:var(--van-sticky-z-index)}
+:root,:host{--van-sticky-z-index: 99}.van-sticky--fixed{position:fixed;z-index:var(--van-sticky-z-index)}

package/es/sticky/index.d.ts

@@ -1,7 +1,7 @@
-export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Sticky: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
-        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        type: import("vue").PropType<T>;
         default: import("./Sticky").StickyPosition;
     };
     container: import("vue").PropType<Element>;
@@ -13,10 +13,10 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "change")[], "scroll" | "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, ("scroll" | "change")[], "scroll" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     zIndex: (NumberConstructor | StringConstructor)[];
     position: {
-        type: import("vue").PropType<import("./Sticky").StickyPosition>;
+        type: import("vue").PropType<T>;
         default: import("./Sticky").StickyPosition;
     };
     container: import("vue").PropType<Element>;
@@ -28,16 +28,18 @@ export declare const Sticky: import("../utils").WithInstall<import("vue").Define
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}>> & {
+}>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onScroll?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     position: import("./Sticky").StickyPosition;
     offsetTop: string | number;
     offsetBottom: string | number;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default Sticky;
+export { stickyProps } from './Sticky';
 export type { StickyProps, StickyPosition } from './Sticky';
+export type { StickyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanSticky: typeof Sticky;

package/es/sticky/index.mjs

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

package/es/sticky/types.d.ts

@@ -0,0 +1,3 @@
+export type StickyThemeVars = {
+    stickyZIndex?: number | string;
+};

package/es/style/animation.css

@@ -1 +1 @@
-@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}
+@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}

package/es/style/base.css

@@ -1 +1 @@
-:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-animation-duration-base) van-fade-in both var(--van-animation-timing-function-enter)}.van-fade-leave-active{animation:var(--van-animation-duration-base) van-fade-out both var(--van-animation-timing-function-leave)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-animation-duration-base) both var(--van-animation-timing-function-enter)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-animation-duration-base) both var(--van-animation-timing-function-leave)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}@keyframes van-slide-up-enter{0%{transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{transform:translate3d(0,100%,0)}}@keyframes van-slide-down-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{transform:translate3d(0,-100%,0)}}@keyframes van-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{transform:translate3d(-100%,0,0)}}@keyframes van-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{transform:translate3d(100%,0,0)}}@keyframes van-fade-in{0%{opacity:0}to{opacity:1}}@keyframes van-fade-out{0%{opacity:1}to{opacity:0}}@keyframes van-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.van-fade-enter-active{animation:var(--van-duration-base) van-fade-in both var(--van-ease-out)}.van-fade-leave-active{animation:var(--van-duration-base) van-fade-out both var(--van-ease-in)}.van-slide-up-enter-active{animation:van-slide-up-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-up-leave-active{animation:van-slide-up-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-down-enter-active{animation:van-slide-down-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-down-leave-active{animation:van-slide-down-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-left-enter-active{animation:van-slide-left-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-left-leave-active{animation:van-slide-left-leave var(--van-duration-base) both var(--van-ease-in)}.van-slide-right-enter-active{animation:van-slide-right-enter var(--van-duration-base) both var(--van-ease-out)}.van-slide-right-leave-active{animation:van-slide-right-leave var(--van-duration-base) both var(--van-ease-in)}.van-clearfix:after{display:table;clear:both;content:""}.van-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-multi-ellipsis--l2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-break:anywhere;-webkit-box-orient:vertical}.van-multi-ellipsis--l3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-break:anywhere;-webkit-box-orient:vertical}.van-safe-area-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-haptics-feedback{cursor:pointer}.van-haptics-feedback:active{opacity:var(--van-active-opacity)}[class*=van-hairline]:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid var(--van-border-color);transform:scale(.5)}.van-hairline,.van-hairline--top,.van-hairline--left,.van-hairline--right,.van-hairline--bottom,.van-hairline--surround,.van-hairline--top-bottom{position:relative}.van-hairline--top:after{border-top-width:var(--van-border-width)}.van-hairline--left:after{border-left-width:var(--van-border-width)}.van-hairline--right:after{border-right-width:var(--van-border-width)}.van-hairline--bottom:after{border-bottom-width:var(--van-border-width)}.van-hairline--top-bottom:after,.van-hairline-unset--top-bottom:after{border-width:var(--van-border-width) 0}.van-hairline--surround:after{border-width:var(--van-border-width)}

package/es/style/css-variables.css

@@ -1 +1 @@
-:root{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-text-link-color: #576b95;--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background-color: var(--van-gray-1);--van-background-color-light: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-font-weight-bold: 500;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;--van-animation-duration-base: .3s;--van-animation-duration-fast: .2s;--van-animation-timing-function-enter: ease-out;--van-animation-timing-function-leave: ease-in;--van-border-color: var(--van-gray-3);--van-border-width-base: 1px;--van-border-radius-sm: 2px;--van-border-radius-md: 4px;--van-border-radius-lg: 8px;--van-border-radius-max: 999px}
+:root,:host{--van-black: #000;--van-white: #fff;--van-gray-1: #f7f8fa;--van-gray-2: #f2f3f5;--van-gray-3: #ebedf0;--van-gray-4: #dcdee0;--van-gray-5: #c8c9cc;--van-gray-6: #969799;--van-gray-7: #646566;--van-gray-8: #323233;--van-red: #ee0a24;--van-blue: #1989fa;--van-orange: #ff976a;--van-orange-dark: #ed6a0c;--van-orange-light: #fffbe8;--van-green: #07c160;--van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);--van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);--van-primary-color: var(--van-blue);--van-success-color: var(--van-green);--van-danger-color: var(--van-red);--van-warning-color: var(--van-orange);--van-text-color: var(--van-gray-8);--van-text-color-2: var(--van-gray-6);--van-text-color-3: var(--van-gray-5);--van-active-color: var(--van-gray-2);--van-active-opacity: .6;--van-disabled-opacity: .5;--van-background: var(--van-gray-1);--van-background-2: var(--van-white);--van-background-3: var(--van-white);--van-padding-base: 4px;--van-padding-xs: 8px;--van-padding-sm: 12px;--van-padding-md: 16px;--van-padding-lg: 24px;--van-padding-xl: 32px;--van-font-bold: 600;--van-font-size-xs: 10px;--van-font-size-sm: 12px;--van-font-size-md: 14px;--van-font-size-lg: 16px;--van-line-height-xs: 14px;--van-line-height-sm: 18px;--van-line-height-md: 20px;--van-line-height-lg: 22px;--van-base-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--van-price-font: avenir-heavy, "PingFang SC", helvetica neue, arial, sans-serif;--van-duration-base: .3s;--van-duration-fast: .2s;--van-ease-out: ease-out;--van-ease-in: ease-in;--van-border-color: var(--van-gray-3);--van-border-width: 1px;--van-radius-sm: 2px;--van-radius-md: 4px;--van-radius-lg: 8px;--van-radius-max: 999px}.van-theme-dark{--van-text-color: #f5f5f5;--van-text-color-2: #707070;--van-text-color-3: #4d4d4d;--van-border-color: #3a3a3c;--van-active-color: #3a3a3c;--van-background: #000;--van-background-2: #1c1c1e;--van-background-3: #37363b}

package/es/style/normalize.css

@@ -1 +1 @@
-html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}
+html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--van-base-font)}a{text-decoration:none}input,button,textarea{color:inherit;font:inherit}a:focus,input:focus,button:focus,textarea:focus,[class*=van-]:focus{outline:none}ol,ul{margin:0;padding:0;list-style:none}