vant 3.4.5 → 4.0.0-alpha.0

package/lib/time-picker/TimePicker.d.ts

@@ -0,0 +1,214 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+export declare type TimePickerColumnType = 'hour' | 'minute' | 'second';
+declare const timePickerProps: {
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    formatter: {
+        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
+        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
+    };
+} & {
+    minHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsType: {
+        type: PropType<TimePickerColumnType[]>;
+        default: () => string[];
+    };
+};
+export declare type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
+declare const _default: import("vue").DefineComponent<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    formatter: {
+        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
+        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
+    };
+} & {
+    minHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsType: {
+        type: PropType<TimePickerColumnType[]>;
+        default: () => string[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    optionHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleOptionNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    formatter: {
+        type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
+        default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
+    };
+} & {
+    minHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsType: {
+        type: PropType<TimePickerColumnType[]>;
+        default: () => string[];
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}, {
+    formatter: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
+    modelValue: string[];
+    readonly: boolean;
+    loading: boolean;
+    allowHtml: boolean;
+    optionHeight: string | number;
+    showToolbar: boolean;
+    swipeDuration: string | number;
+    visibleOptionNum: string | number;
+    columnsType: TimePickerColumnType[];
+    minHour: string | number;
+    maxHour: string | number;
+    minMinute: string | number;
+    maxMinute: string | number;
+    minSecond: string | number;
+    maxSecond: string | number;
+}>;
+export default _default;

package/lib/time-picker/TimePicker.js

@@ -0,0 +1,95 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_utils2 = require("../date-picker/utils");
+var import_picker = require("../picker");
+const [name] = (0, import_utils.createNamespace)("time-picker");
+const timePickerProps = (0, import_utils.extend)({}, import_utils2.sharedProps, {
+  minHour: (0, import_utils.makeNumericProp)(0),
+  maxHour: (0, import_utils.makeNumericProp)(23),
+  minMinute: (0, import_utils.makeNumericProp)(0),
+  maxMinute: (0, import_utils.makeNumericProp)(59),
+  minSecond: (0, import_utils.makeNumericProp)(0),
+  maxSecond: (0, import_utils.makeNumericProp)(59),
+  columnsType: {
+    type: Array,
+    default: () => ["hour", "minute"]
+  }
+});
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: timePickerProps,
+  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const currentValues = (0, import_vue2.ref)(props.modelValue);
+    const columns = (0, import_vue2.computed)(() => props.columnsType.map((type) => {
+      const {
+        filter,
+        formatter
+      } = props;
+      switch (type) {
+        case "hour":
+          return (0, import_utils2.genOptions)(+props.minHour, +props.maxHour, type, formatter, filter);
+        case "minute":
+          return (0, import_utils2.genOptions)(+props.minMinute, +props.maxMinute, type, formatter, filter);
+        case "second":
+          return (0, import_utils2.genOptions)(+props.minSecond, +props.maxSecond, type, formatter, filter);
+        default:
+          throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+      }
+    }));
+    (0, import_vue2.watch)(currentValues, (newValues) => {
+      if (!(0, import_utils.isSameValue)(newValues, props.modelValue)) {
+        emit("update:modelValue", newValues);
+      }
+    }, {
+      immediate: true
+    });
+    (0, import_vue2.watch)(() => props.modelValue, (newValues) => {
+      if (!(0, import_utils.isSameValue)(newValues, currentValues.value)) {
+        currentValues.value = newValues;
+      }
+    });
+    const onChange = (...args) => emit("change", ...args);
+    const onCancel = (...args) => emit("cancel", ...args);
+    const onConfirm = (...args) => emit("confirm", ...args);
+    return () => (0, import_vue.createVNode)(import_picker.Picker, (0, import_vue.mergeProps)({
+      "modelValue": currentValues.value,
+      "onUpdate:modelValue": ($event) => currentValues.value = $event,
+      "columns": columns.value,
+      "onChange": onChange,
+      "onCancel": onCancel,
+      "onConfirm": onConfirm
+    }, (0, import_utils.pick)(props, import_utils2.pickerInheritKeys)), slots);
+  }
+});
+module.exports = __toCommonJS(stdin_exports);

package/{es/datetime-picker/TimePicker.d.ts → lib/time-picker/index.d.ts}

@@ -1,9 +1,10 @@
-declare const _default: import("vue").DefineComponent<{
+import { TimePickerProps } from './TimePicker';
+export declare const TimePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    itemHeight: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -15,18 +16,21 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleItemCount: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
-    filter: import("vue").PropType<(type: string, values: string[]) => string[]>;
-    columnsOrder: import("vue").PropType<import("./types").DatetimePickerColumnType[]>;
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
     formatter: {
-        type: import("vue").PropType<(type: string, value: string) => string>;
-        default: (type: string, value: string) => string;
+        type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
+        default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     };
 } & {
     minHour: {
@@ -45,13 +49,24 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    modelValue: StringConstructor;
+    minSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsType: {
+        type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
+        default: () => string[];
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    itemHeight: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -63,18 +78,21 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleItemCount: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
-    filter: import("vue").PropType<(type: string, values: string[]) => string[]>;
-    columnsOrder: import("vue").PropType<import("./types").DatetimePickerColumnType[]>;
+    modelValue: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
     formatter: {
-        type: import("vue").PropType<(type: string, value: string) => string>;
-        default: (type: string, value: string) => string;
+        type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
+        default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
     };
 } & {
     minHour: {
@@ -93,24 +111,46 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    modelValue: StringConstructor;
+    minSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxSecond: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsType: {
+        type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
+        default: () => string[];
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
-    formatter: (type: string, value: string) => string;
+    formatter: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
+    modelValue: string[];
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    itemHeight: string | number;
+    optionHeight: string | number;
     showToolbar: boolean;
     swipeDuration: string | number;
-    visibleItemCount: string | number;
+    visibleOptionNum: string | number;
+    columnsType: import("./TimePicker").TimePickerColumnType[];
     minHour: string | number;
     maxHour: string | number;
     minMinute: string | number;
     maxMinute: string | number;
-}>;
-export default _default;
+    minSecond: string | number;
+    maxSecond: string | number;
+}>>;
+export default TimePicker;
+export type { TimePickerProps };
+export type { TimePickerColumnType } from './TimePicker';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTimePicker: typeof TimePicker;
+    }
+}

package/lib/{datetime-picker/types.js → time-picker/index.js}

@@ -1,8 +1,14 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
@@ -11,10 +17,21 @@ var __reExport = (target, module2, copyDefault, desc) => {
   }
   return target;
 };
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
 var __toCommonJS = /* @__PURE__ */ ((cache) => {
   return (module2, temp) => {
     return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var stdin_exports = {};
+__export(stdin_exports, {
+  TimePicker: () => TimePicker,
+  default: () => stdin_default
+});
+var import_utils = require("../utils");
+var import_TimePicker = __toESM(require("./TimePicker"));
+const TimePicker = (0, import_utils.withInstall)(import_TimePicker.default);
+var stdin_default = TimePicker;
 module.exports = __toCommonJS(stdin_exports);

package/lib/time-picker/style/index.d.ts

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

package/lib/time-picker/style/index.js

@@ -0,0 +1,3 @@
+require("../../style/base.css");
+require("../../loading/index.css");
+require("../../picker/index.css");

package/lib/time-picker/style/less.d.ts

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

package/lib/time-picker/style/less.js

@@ -0,0 +1,3 @@
+require("../../style/base.less");
+require("../../loading/index.less");
+require("../../picker/index.less");

package/lib/toast/index.css

@@ -1 +1 @@
-:root{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-border-radius: var(--van-border-radius-lg);--van-toast-background-color: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-animation-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background-color);border-radius:var(--van-toast-border-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+body{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/lib/toast/index.less

@@ -1,21 +1,19 @@
-@import './var.less';
-
-:root {
-  --van-toast-max-width: @toast-max-width;
-  --van-toast-font-size: @toast-font-size;
-  --van-toast-text-color: @toast-text-color;
-  --van-toast-loading-icon-color: @toast-loading-icon-color;
-  --van-toast-line-height: @toast-line-height;
-  --van-toast-border-radius: @toast-border-radius;
-  --van-toast-background-color: @toast-background-color;
-  --van-toast-icon-size: @toast-icon-size;
-  --van-toast-text-min-width: @toast-text-min-width;
-  --van-toast-text-padding: @toast-text-padding;
-  --van-toast-default-padding: @toast-default-padding;
-  --van-toast-default-width: @toast-default-width;
-  --van-toast-default-min-height: @toast-default-min-height;
-  --van-toast-position-top-distance: @toast-position-top-distance;
-  --van-toast-position-bottom-distance: @toast-position-bottom-distance;
+body {
+  --van-toast-max-width: 70%;
+  --van-toast-font-size: var(--van-font-size-md);
+  --van-toast-text-color: var(--van-white);
+  --van-toast-loading-icon-color: var(--van-white);
+  --van-toast-line-height: var(--van-line-height-md);
+  --van-toast-radius: var(--van-radius-lg);
+  --van-toast-background: rgba(0, 0, 0, 0.7);
+  --van-toast-icon-size: 36px;
+  --van-toast-text-min-width: 96px;
+  --van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);
+  --van-toast-default-padding: var(--van-padding-md);
+  --van-toast-default-width: 88px;
+  --van-toast-default-min-height: 88px;
+  --van-toast-position-top-distance: 20%;
+  --van-toast-position-bottom-distance: 20%;
 }
 
 .van-toast {
@@ -24,7 +22,7 @@
   align-items: center;
   justify-content: center;
   box-sizing: content-box;
-  transition: all var(--van-animation-duration-fast);
+  transition: all var(--van-duration-fast);
 
   // hack for avoid max-width when use left & fixed
   width: var(--van-toast-default-width);
@@ -40,8 +38,8 @@
   text-align: center;
   // https://github.com/youzan/vant/issues/8959
   word-break: break-all;
-  background: var(--van-toast-background-color);
-  border-radius: var(--van-toast-border-radius);
+  background: var(--van-toast-background);
+  border-radius: var(--van-toast-radius);
 
   &--unclickable {
     // lock scroll

package/lib/tree-select/TreeSelect.d.ts

@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -90,8 +90,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onClick-nav"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onClickNav?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeId"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mainActiveIndex"?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/tree-select/TreeSelect.js

@@ -45,7 +45,7 @@ const treeSelectProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: treeSelectProps,
-  emits: ["click-nav", "click-item", "update:activeId", "update:mainActiveIndex"],
+  emits: ["clickNav", "clickItem", "update:activeId", "update:mainActiveIndex"],
   setup(props, {
     emit,
     slots
@@ -69,7 +69,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           activeId = item.id;
         }
         emit("update:activeId", activeId);
-        emit("click-item", item);
+        emit("clickItem", item);
       };
       return (0, import_vue.createVNode)("div", {
         "key": item.id,
@@ -86,7 +86,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onSidebarChange = (index) => {
       emit("update:mainActiveIndex", index);
     };
-    const onClickSidebarItem = (index) => emit("click-nav", index);
+    const onClickSidebarItem = (index) => emit("clickNav", index);
     const renderSidebar = () => {
       const Items = props.items.map((item) => (0, import_vue.createVNode)(import_sidebar_item.SidebarItem, {
         "dot": item.dot,

package/lib/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background-color: var(--van-background-color);--van-tree-select-content-background-color: var(--van-background-color-light);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-danger-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+body{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}

package/lib/tree-select/index.d.ts

@@ -23,7 +23,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex")[], "clickItem" | "clickNav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -49,8 +49,8 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         default: number;
     };
 }>> & {
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onClick-nav"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onClickNav?: ((...args: any[]) => any) | undefined;
     "onUpdate:activeId"?: ((...args: any[]) => any) | undefined;
     "onUpdate:mainActiveIndex"?: ((...args: any[]) => any) | undefined;
 }, {