vant 4.8.11 → 4.9.1

package/README.md

@@ -10,15 +10,18 @@
     <img src="https://img.shields.io/npm/v/vant?style=flat-square" alt="npm version" />
     <img src="https://img.shields.io/codecov/c/github/youzan/vant/main.svg?style=flat-square&color=#4fc08d" alt="Coverage Status" />
     <img src="https://img.shields.io/npm/dm/vant.svg?style=flat-square&color=#4fc08d" alt="downloads" />
-    <img src="https://img.badgesize.io/https://unpkg.com/vant/lib/vant.min.js?compression=gzip&style=flat-square&label=gzip%20size&color=#4fc08d" alt="Gzip Size" />
 </p>
 
 <p align="center">
-  🔥 <a href="https://vant-contrib.gitee.io/vant">文档网站（国内）</a>
+  <a href="https://vant-ui.github.io/vant">Documentation</a>
   &nbsp;
-  🌈 <a href="https://vant-ui.github.io/vant">文档网站（GitHub）</a>
+  ·
   &nbsp;
-  🇨🇳 <a href="./README.zh-CN.md">中文版介绍</a>
+  <a href="https://vant.pro/vant/">Documentation (backup)</a>
+  &nbsp;
+  ·
+  &nbsp;
+  <a href="./README.zh-CN.md">中文介绍</a>
 </p>
 
 ---
@@ -95,7 +98,7 @@ const app = createApp();
 app.use(Button);
 ```
 
-See more in [Quickstart](https://vant-ui.github.io/vant#/en-US/quickstart).
+See more in [Quickstart](https://vant-ui.github.io/vant/#/en-US/quickstart).
 
 ## Browser Support
 
@@ -120,7 +123,6 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
-| [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
 | [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
 | [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
@@ -131,8 +133,9 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 ## Links
 
-- [Documentation](https://vant-ui.github.io/vant)
-- [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
+- [Documentation](https://vant-ui.github.io/vant/)
+- [Documentation (backup)](https://vant.pro/vant/)
+- [Changelog](https://vant-ui.github.io/vant/#/en-US/changelog)
 - [Discussions](https://github.com/vant-ui/vant/discussions)
 
 ## Preview

package/es/address-list/AddressList.d.ts

@@ -1,18 +1,18 @@
-import { type ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes, type PropType } from 'vue';
 import { AddressListAddress } from './AddressListItem';
 export declare const addressListProps: {
     list: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<string | number | (string | number)[]>;
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
     disabledList: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
     showAddButton: {
@@ -22,24 +22,24 @@ export declare const addressListProps: {
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
 };
 export type AddressListProps = ExtractPropTypes<typeof addressListProps>;
 declare const _default: import("vue").DefineComponent<{
     list: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<string | number | (string | number)[]>;
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
     disabledList: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
     showAddButton: {
@@ -49,22 +49,22 @@ declare const _default: import("vue").DefineComponent<{
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
 }, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "add" | "update:modelValue" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "add" | "update:modelValue" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     list: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
+    modelValue: PropType<string | number | (string | number)[]>;
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
     disabledList: {
-        type: import("vue").PropType<AddressListAddress[]>;
+        type: PropType<AddressListAddress[]>;
         default: () => never[];
     };
     showAddButton: {
@@ -74,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
 }>> & {

package/es/address-list/AddressList.mjs

@@ -1,13 +1,14 @@
 import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
+import { defineComponent, computed } from "vue";
 import { truthProp, numericProp, makeArrayProp, createNamespace, makeStringProp } from "../utils/index.mjs";
 import { Button } from "../button/index.mjs";
 import { RadioGroup } from "../radio-group/index.mjs";
+import { CheckboxGroup } from "../checkbox-group/index.mjs";
 import AddressListItem from "./AddressListItem.mjs";
 const [name, bem, t] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
-  modelValue: numericProp,
+  modelValue: [...numericProp, Array],
   switchable: truthProp,
   disabledText: String,
   disabledList: makeArrayProp(),
@@ -24,6 +25,7 @@ var stdin_default = defineComponent({
     slots,
     emit
   }) {
+    const singleChoice = computed(() => !Array.isArray(props.modelValue));
     const renderItem = (item, index, disabled) => {
       const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
       const onClick = (event) => emit("clickItem", item, index, {
@@ -32,7 +34,16 @@ var stdin_default = defineComponent({
       const onSelect = () => {
         emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {
-          emit("update:modelValue", item.id);
+          if (singleChoice.value) {
+            emit("update:modelValue", item.id);
+          } else {
+            const value = props.modelValue;
+            if (value.includes(item.id)) {
+              emit("update:modelValue", value.filter((id) => id !== item.id));
+            } else {
+              emit("update:modelValue", [...value, item.id]);
+            }
+          }
         }
       };
       return _createVNode(AddressListItem, {
@@ -40,6 +51,7 @@ var stdin_default = defineComponent({
         "address": item,
         "disabled": disabled,
         "switchable": props.switchable,
+        "singleChoice": singleChoice.value,
         "defaultTagText": props.defaultTagText,
         "rightIcon": props.rightIcon,
         "onEdit": onEdit,
@@ -74,7 +86,11 @@ var stdin_default = defineComponent({
       }, [props.disabledText]);
       return _createVNode("div", {
         "class": bem()
-      }, [(_a = slots.top) == null ? void 0 : _a.call(slots), _createVNode(RadioGroup, {
+      }, [(_a = slots.top) == null ? void 0 : _a.call(slots), !singleChoice.value && Array.isArray(props.modelValue) ? _createVNode(CheckboxGroup, {
+        "modelValue": props.modelValue
+      }, {
+        default: () => [List]
+      }) : _createVNode(RadioGroup, {
         "modelValue": props.modelValue
       }, {
         default: () => [List]

package/es/address-list/AddressListItem.d.ts

@@ -14,6 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     switchable: BooleanConstructor;
+    singleChoice: BooleanConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
         type: PropType<string>;
@@ -26,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     switchable: BooleanConstructor;
+    singleChoice: BooleanConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
         type: PropType<string>;
@@ -39,5 +41,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     rightIcon: string;
     switchable: boolean;
+    singleChoice: boolean;
 }, {}>;
 export default _default;

package/es/address-list/AddressListItem.mjs

@@ -5,6 +5,7 @@ import { Tag } from "../tag/index.mjs";
 import { Icon } from "../icon/index.mjs";
 import { Cell } from "../cell/index.mjs";
 import { Radio } from "../radio/index.mjs";
+import { Checkbox } from "../checkbox/index.mjs";
 const [name, bem] = createNamespace("address-item");
 var stdin_default = defineComponent({
   name,
@@ -12,6 +13,7 @@ var stdin_default = defineComponent({
     address: makeRequiredProp(Object),
     disabled: Boolean,
     switchable: Boolean,
+    singleChoice: Boolean,
     defaultTagText: String,
     rightIcon: makeStringProp("edit")
   },
@@ -53,7 +55,8 @@ var stdin_default = defineComponent({
       const {
         address,
         disabled,
-        switchable
+        switchable,
+        singleChoice
       } = props;
       const Info = [_createVNode("div", {
         "class": bem("name")
@@ -61,12 +64,21 @@ var stdin_default = defineComponent({
         "class": bem("address")
       }, [address.address])];
       if (switchable && !disabled) {
-        return _createVNode(Radio, {
-          "name": address.id,
-          "iconSize": 18
-        }, {
-          default: () => [Info]
-        });
+        if (singleChoice) {
+          return _createVNode(Radio, {
+            "name": address.id,
+            "iconSize": 18
+          }, {
+            default: () => [Info]
+          });
+        } else {
+          return _createVNode(Checkbox, {
+            "name": address.id,
+            "iconSize": 18
+          }, {
+            default: () => [Info]
+          });
+        }
       }
       return Info;
     };

package/es/address-list/index.d.ts

@@ -3,7 +3,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<string | number | (string | number)[]>;
     switchable: {
         type: BooleanConstructor;
         default: true;
@@ -28,7 +28,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
-    modelValue: (NumberConstructor | StringConstructor)[];
+    modelValue: import("vue").PropType<string | number | (string | number)[]>;
     switchable: {
         type: BooleanConstructor;
         default: true;

package/es/address-list/style/index.mjs

@@ -6,6 +6,7 @@ import "../../cell/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
 import "../../radio-group/index.css";
+import "../../checkbox-group/index.css";
 import "../../checkbox/index.css";
 import "../../radio/index.css";
 import "../index.css";

package/es/area/utils.mjs

@@ -36,9 +36,9 @@ function formatDataForCascade({
   const showCounty = +columnsNum > 2;
   const getProvinceChildren = () => {
     if (showCity) {
-      return placeholder.length ? [
+      return placeholder.length > 1 ? [
         makeOption(
-          placeholder[0],
+          placeholder[1],
           AREA_EMPTY_CODE,
           showCounty ? [] : void 0
         )
@@ -56,7 +56,7 @@ function formatDataForCascade({
   if (showCity) {
     const getCityChildren = () => {
       if (showCounty) {
-        return placeholder.length ? [makeOption(placeholder[1])] : [];
+        return placeholder.length > 2 ? [makeOption(placeholder[2])] : [];
       }
     };
     Object.keys(city).forEach((code) => {

package/es/calendar/Calendar.d.ts

@@ -1,12 +1,16 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
-import type { CalendarType, CalendarDayItem } from './types';
+import type { CalendarType, CalendarSwitchMode, CalendarDayItem } from './types';
 export declare const calendarProps: {
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -74,12 +78,10 @@ export declare const calendarProps: {
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
@@ -94,6 +96,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -161,24 +167,26 @@ declare const _default: import("vue").DefineComponent<{
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
         validator: (val: number) => boolean;
     };
-}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange")[], "select" | "update:show" | "confirm" | "clickDisabledDate" | "clickSubtitle" | "panelChange" | "unselect" | "monthShow" | "overRange", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
         default: CalendarType;
     };
+    switchMode: {
+        type: PropType<CalendarSwitchMode>;
+        default: CalendarSwitchMode;
+    };
     title: StringConstructor;
     color: StringConstructor;
     round: {
@@ -246,12 +254,10 @@ declare const _default: import("vue").DefineComponent<{
     minDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     maxDate: {
         type: DateConstructor;
         validator: (val: unknown) => val is Date;
-        default: () => Date;
     };
     firstDayOfWeek: {
         type: (NumberConstructor | StringConstructor)[];
@@ -264,6 +270,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((...args: any[]) => any) | undefined;
     onClickDisabledDate?: ((...args: any[]) => any) | undefined;
     onClickSubtitle?: ((...args: any[]) => any) | undefined;
+    onPanelChange?: ((...args: any[]) => any) | undefined;
     onUnselect?: ((...args: any[]) => any) | undefined;
     onMonthShow?: ((...args: any[]) => any) | undefined;
     onOverRange?: ((...args: any[]) => any) | undefined;
@@ -278,6 +285,7 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
     safeAreaInsetTop: boolean;
+    switchMode: CalendarSwitchMode;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;
@@ -286,8 +294,6 @@ declare const _default: import("vue").DefineComponent<{
     allowSameDay: boolean;
     showSubtitle: boolean;
     showRangePrompt: boolean;
-    minDate: Date;
-    maxDate: Date;
     firstDayOfWeek: string | number;
 }, {}>;
 export default _default;