vant 4.3.1 → 4.4.0

package/lib/barrage/Barrage.d.ts

@@ -0,0 +1,93 @@
+import { type ExtractPropTypes } from 'vue';
+export interface BarrageItem {
+    id: string | number;
+    text: string | number;
+}
+export declare const barrageProps: {
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+};
+export type BarrageProps = ExtractPropTypes<typeof barrageProps>;
+declare const _default: import("vue").DefineComponent<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<BarrageItem[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    top: string | number;
+    modelValue: BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}>;
+export default _default;

package/lib/barrage/Barrage.js

@@ -0,0 +1,153 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+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 __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+var stdin_exports = {};
+__export(stdin_exports, {
+  barrageProps: () => barrageProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_use_expose = require("../composables/use-expose");
+var import_utils = require("../utils");
+const barrageProps = {
+  top: (0, import_utils.makeNumericProp)(10),
+  rows: (0, import_utils.makeNumericProp)(4),
+  duration: (0, import_utils.makeNumericProp)(4e3),
+  autoPlay: import_utils.truthProp,
+  delay: (0, import_utils.makeNumberProp)(300),
+  modelValue: (0, import_utils.makeArrayProp)()
+};
+const [name, bem] = (0, import_utils.createNamespace)("barrage");
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: barrageProps,
+  emits: ["update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const barrageWrapper = (0, import_vue2.ref)();
+    const className = bem("item");
+    const total = (0, import_vue2.ref)(0);
+    const barrageItems = [];
+    const createBarrageItem = (text, delay = props.delay) => {
+      const item = document.createElement("span");
+      item.className = className;
+      item.innerText = String(text);
+      item.style.animationDuration = `${props.duration}ms`;
+      item.style.animationDelay = `${delay}ms`;
+      item.style.animationName = "van-barrage";
+      item.style.animationTimingFunction = "linear";
+      return item;
+    };
+    const isInitBarrage = (0, import_vue2.ref)(true);
+    const isPlay = (0, import_vue2.ref)(props.autoPlay);
+    const appendBarrageItem = ({
+      id,
+      text
+    }, i) => {
+      var _a;
+      const item = createBarrageItem(text, isInitBarrage.value ? i * props.delay : void 0);
+      if (!props.autoPlay && isPlay.value === false) {
+        item.style.animationPlayState = "paused";
+      }
+      (_a = barrageWrapper.value) == null ? void 0 : _a.append(item);
+      total.value++;
+      const top = (total.value - 1) % +props.rows * item.offsetHeight + +props.top;
+      item.style.top = `${top}px`;
+      item.dataset.id = String(id);
+      barrageItems.push(item);
+      item.addEventListener("animationend", () => {
+        emit("update:modelValue", [...props.modelValue].filter((v) => String(v.id) !== item.dataset.id));
+      });
+    };
+    const updateBarrages = (newValue, oldValue) => {
+      const map = new Map(oldValue.map((item) => [item.id, item]));
+      newValue.forEach((item, i) => {
+        if (map.has(item.id)) {
+          map.delete(item.id);
+        } else {
+          appendBarrageItem(item, i);
+        }
+      });
+      map.forEach((item) => {
+        const index = barrageItems.findIndex((span) => span.dataset.id === String(item.id));
+        if (index > -1) {
+          barrageItems[index].remove();
+          barrageItems.splice(index, 1);
+        }
+      });
+      isInitBarrage.value = false;
+    };
+    (0, import_vue2.watch)(() => props.modelValue.slice(), (newValue, oldValue) => updateBarrages(newValue != null ? newValue : [], oldValue != null ? oldValue : []), {
+      deep: true
+    });
+    const rootStyle = (0, import_vue2.ref)({});
+    (0, import_vue2.onMounted)(() => __async(this, null, function* () {
+      var _a;
+      rootStyle.value["--move-distance"] = `-${(_a = barrageWrapper.value) == null ? void 0 : _a.offsetWidth}px`;
+      yield (0, import_vue2.nextTick)();
+      updateBarrages(props.modelValue, []);
+    }));
+    const play = () => {
+      isPlay.value = true;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "running";
+      });
+    };
+    const pause = () => {
+      isPlay.value = false;
+      barrageItems.forEach((item) => {
+        item.style.animationPlayState = "paused";
+      });
+    };
+    (0, import_use_expose.useExpose)({
+      play,
+      pause
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": bem(),
+        "ref": barrageWrapper,
+        "style": rootStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/barrage/index.css

@@ -0,0 +1 @@
+:root{--van-barrage-font-size: 16px;--van-barrage-space: 10px;--van-barrage-font: inherit;--van-barrage-color: var(--van-white)}.van-barrage{position:relative;overflow:hidden}.van-barrage__item{position:absolute;top:0;right:0;z-index:99;padding-bottom:var(--van-barrage-space);opacity:.75;line-height:1;font-size:var(--van-barrage-font-size);font-family:var(--van-barrage-font);font-weight:700;white-space:nowrap;color:var(--van-barrage-color);text-shadow:1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,-1px 0 1px #000000;-webkit-user-select:none;user-select:none;will-change:transform;transform:translate(110%)}@keyframes van-barrage{0%{transform:translate(110%)}to{transform:translate(var(--move-distance))}}

package/lib/barrage/index.d.ts

@@ -0,0 +1,69 @@
+export declare const Barrage: import("../utils").WithInstall<import("vue").DefineComponent<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./Barrage").BarrageItem[]>;
+        default: () => never[];
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    top: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    rows: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    autoPlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<import("./Barrage").BarrageItem[]>;
+        default: () => never[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    top: string | number;
+    modelValue: import("./Barrage").BarrageItem[];
+    rows: string | number;
+    duration: string | number;
+    autoPlay: boolean;
+    delay: number;
+}>>;
+export default Barrage;
+export { barrageProps } from './Barrage';
+export type { BarrageProps, BarrageItem } from './Barrage';
+export type { BarrageInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBarrage: typeof Barrage;
+    }
+}

package/lib/barrage/index.js

@@ -0,0 +1,39 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Barrage: () => Barrage,
+  barrageProps: () => import_Barrage2.barrageProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Barrage = __toESM(require("./Barrage"));
+var import_Barrage2 = require("./Barrage");
+const Barrage = (0, import_utils.withInstall)(import_Barrage.default);
+var stdin_default = Barrage;

package/lib/barrage/style/index.d.ts

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

package/lib/barrage/style/index.js

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

package/lib/barrage/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPublicInstance } from 'vue';
+import { BarrageProps } from './Barrage';
+export type BarrageExpose = {
+    play(): void;
+    pause(): void;
+};
+export type BarrageInstance = ComponentPublicInstance<BarrageProps, BarrageExpose>;

package/lib/barrage/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/cascader/Cascader.js

@@ -24,6 +24,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_refs = require("../composables/use-refs");
 var import_tab = require("../tab");
 var import_tabs = require("../tabs");
 var import_icon = require("../icon");
@@ -50,6 +51,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const tabs = (0, import_vue2.ref)([]);
     const activeTab = (0, import_vue2.ref)(0);
+    const [selectedElementRefs, setSelectedElementRefs] = (0, import_use_refs.useRefs)();
     const {
       text: textKey,
       value: valueKey,
@@ -168,6 +170,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         selected
       }) : (0, import_vue.createVNode)("span", null, [option[textKey]]);
       return (0, import_vue.createVNode)("li", {
+        "ref": selected ? setSelectedElementRefs(tabIndex) : void 0,
         "role": "menuitemradio",
         "class": [bem("option", {
           selected,
@@ -224,7 +227,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, {
       default: () => [tabs.value.map(renderTab)]
     });
+    const scrollIntoView = (el) => {
+      const scrollParent = el.parentElement;
+      if (scrollParent) {
+        scrollParent.scrollTop = el.offsetTop - (scrollParent.offsetHeight - el.offsetHeight) / 2;
+      }
+    };
     updateTabs();
+    (0, import_vue2.watch)(activeTab, (value) => {
+      const el = selectedElementRefs.value[value];
+      if (el)
+        scrollIntoView(el);
+    });
     (0, import_vue2.watch)(() => props.options, updateTabs, {
       deep: true
     });

package/lib/checkbox/Checker.d.ts

@@ -9,6 +9,8 @@ export type CheckerParent = {
         iconSize?: Numeric;
         direction?: CheckerDirection;
         checkedColor?: string;
+        modelValue?: unknown | unknown[];
+        max?: Numeric;
     };
 };
 export declare const checkerProps: {

package/lib/checkbox/Checker.js

@@ -54,7 +54,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return props.parent.props[name];
       }
     };
-    const disabled = (0, import_vue2.computed)(() => getParentProp("disabled") || props.disabled);
+    const disabled = (0, import_vue2.computed)(() => {
+      if (props.parent && props.bindGroup) {
+        const disabled2 = getParentProp("disabled") || props.disabled;
+        if (props.role === "checkbox") {
+          const checkedCount = getParentProp("modelValue").length;
+          const max = getParentProp("max");
+          const overlimit = max && checkedCount >= +max;
+          return disabled2 || overlimit && !props.checked;
+        }
+        return disabled2;
+      }
+      return props.disabled;
+    });
     const direction = (0, import_vue2.computed)(() => getParentProp("direction"));
     const iconStyle = (0, import_vue2.computed)(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");

package/lib/contact-list/ContactList.js

@@ -52,7 +52,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       const renderRightIcon = () => (0, import_vue.createVNode)(import_radio.Radio, {
         "class": bem("radio"),
         "name": item.id,
-        "iconSize": 16
+        "iconSize": 18
       }, null);
       const renderEditIcon = () => (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "edit",

package/lib/contact-list/index.css

@@ -1 +1 @@
-:root{--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.van-contact-list{box-sizing:border-box;height:100%;padding-bottom:80px}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-title{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-radio-color);border-color:var(--van-contact-list-radio-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-contact-list__add{height:40px;margin:5px 0}
+:root{--van-contact-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;--van-contact-list-edit-icon-size: 16px;--van-contact-list-add-button-z-index: 999;--van-contact-list-radio-color: var(--van-primary-color);--van-contact-list-item-padding: var(--van-padding-md)}.van-contact-list{box-sizing:border-box;height:100%;padding:var(--van-contact-list-padding)}.van-contact-list__item{padding:var(--van-contact-list-item-padding)}.van-contact-list__item-title{display:flex;align-items:center;padding-right:var(--van-padding-xl);padding-left:var(--van-padding-xs)}.van-contact-list__item-tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-contact-list__group{box-sizing:border-box;height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;border-radius:var(--van-radius-lg)}.van-contact-list__edit{font-size:var(--van-contact-list-edit-icon-size)}.van-contact-list__radio .van-radio__icon--checked .van-icon{background-color:var(--van-contact-list-radio-color);border-color:var(--van-contact-list-radio-color)}.van-contact-list__bottom{position:fixed;right:0;bottom:0;left:0;z-index:var(--van-contact-list-add-button-z-index);padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-contact-list__add{height:40px;margin:5px 0}

package/lib/date-picker/DatePicker.js

@@ -53,6 +53,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const currentValues = (0, import_vue2.ref)(props.modelValue);
+    const updatedByExternalSources = (0, import_vue2.ref)(false);
     const genYearOptions = () => {
       const minYear = props.minDate.getFullYear();
       const maxYear = props.maxDate.getFullYear();
@@ -68,7 +69,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         columnsType
       } = props;
       const index = columnsType.indexOf(type);
-      const value = currentValues.value[index];
+      const value = updatedByExternalSources.value ? props.modelValue[index] : currentValues.value[index];
       if (value) {
         return +value;
       }
@@ -114,11 +115,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
         emit("update:modelValue", newValues);
       }
     });
-    (0, import_vue2.watch)(() => props.modelValue, (newValues) => {
+    (0, import_vue2.watch)(() => props.modelValue, (newValues, oldValues) => {
+      updatedByExternalSources.value = (0, import_utils.isSameValue)(oldValues, currentValues.value);
       newValues = (0, import_utils2.formatValueRange)(newValues, columns.value);
       if (!(0, import_utils.isSameValue)(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
+      updatedByExternalSources.value = false;
     }, {
       immediate: true
     });

package/lib/date-picker/utils.d.ts

@@ -41,5 +41,5 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
-export declare const formatValueRange: (values: string[], columns: PickerOption[]) => string[];
+export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}
+:root{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0;border-radius:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog--round-button .van-action-bar-button--first{border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-dialog--round-button .van-action-bar-button--last{border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}

package/lib/divider/Divider.d.ts

@@ -6,6 +6,7 @@ export declare const dividerProps: {
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     contentPosition: {
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     contentPosition: {
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
@@ -28,11 +30,13 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     contentPosition: {
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
 }>>, {
+    vertical: boolean;
     hairline: boolean;
     dashed: boolean;
     contentPosition: DividerContentPosition;

package/lib/divider/Divider.js

@@ -28,6 +28,7 @@ const [name, bem] = (0, import_utils.createNamespace)("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: import_utils.truthProp,
+  vertical: Boolean,
   contentPosition: (0, import_utils.makeStringProp)("center")
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -43,9 +44,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem({
           dashed: props.dashed,
           hairline: props.hairline,
-          [`content-${props.contentPosition}`]: !!slots.default
+          vertical: props.vertical,
+          [`content-${props.contentPosition}`]: !!slots.default && !props.vertical
         })
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, [!props.vertical && ((_a = slots.default) == null ? void 0 : _a.call(slots))]);
     };
   }
 });

package/lib/divider/index.css

@@ -1 +1 @@
-:root{--van-divider-margin: var(--van-padding-md) 0;--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}
+:root{--van-divider-margin: var(--van-padding-md) 0;--van-divider-vertical-margin: 0 var(--van-padding-xs);--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}.van-divider--vertical{display:inline-block;width:var(--van-border-width);height:1em;margin:var(--van-divider-vertical-margin);vertical-align:middle}.van-divider--vertical:before{height:100%;border-width:0 0 0 var(--van-border-width)}.van-divider--vertical:after{display:none}.van-divider--vertical.van-divider--hairline:before{transform:scaleX(.5)}

package/lib/divider/index.d.ts

@@ -4,6 +4,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     contentPosition: {
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
         default: import("./Divider").DividerContentPosition;
@@ -14,11 +15,13 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     contentPosition: {
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
         default: import("./Divider").DividerContentPosition;
     };
 }>>, {
+    vertical: boolean;
     hairline: boolean;
     dashed: boolean;
     contentPosition: import("./Divider").DividerContentPosition;

package/lib/field/Field.js

@@ -452,6 +452,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return (0, import_vue.createVNode)("label", {
           "id": `${id}-label`,
           "for": getInputId(),
+          "onClick": (event) => {
+            (0, import_utils.preventDefault)(event);
+            focus();
+          },
           "style": labelAlign === "top" && labelWidth ? {
             width: (0, import_utils.addUnit)(labelWidth)
           } : void 0