vant 3.4.8 → 4.0.0-alpha.2

package/lib/address-edit/AddressEdit.js

@@ -36,6 +36,7 @@ var import_toast = require("../toast");
 var import_button = require("../button");
 var import_switch = require("../switch");
 var import_AddressEditDetail = __toESM(require("./AddressEditDetail"));
+var import_utils2 = require("../area/utils");
 const [name, bem, t] = (0, import_utils.createNamespace)("address-edit");
 const DEFAULT_DATA = {
   name: "",
@@ -46,10 +47,8 @@ const DEFAULT_DATA = {
   province: "",
   areaCode: "",
   isDefault: false,
-  postalCode: "",
   addressDetail: ""
 };
-const isPostal = (value) => /^\d{6}$/.test(value);
 const addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
@@ -58,7 +57,6 @@ const addressEditProps = {
   showArea: import_utils.truthProp,
   showDetail: import_utils.truthProp,
   showDelete: Boolean,
-  showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
   telMaxlength: import_utils.numericProp,
@@ -77,16 +75,12 @@ const addressEditProps = {
   telValidator: {
     type: Function,
     default: import_utils.isMobile
-  },
-  postalValidator: {
-    type: Function,
-    default: isPostal
   }
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: addressEditProps,
-  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
+  emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
   setup(props, {
     emit,
     slots
@@ -98,14 +92,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const areaListLoaded = (0, import_vue2.computed)(() => (0, import_utils.isObject)(props.areaList) && Object.keys(props.areaList).length);
     const areaText = (0, import_vue2.computed)(() => {
       const {
-        country,
         province,
         city,
         county,
         areaCode
       } = data;
       if (areaCode) {
-        const arr = [country, province, city, county];
+        const arr = [province, city, county];
         if (province && province === city) {
           arr.splice(1, 1);
         }
@@ -117,14 +110,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a;
       return ((_a = props.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
     });
-    const assignAreaValues = () => {
-      if (areaRef.value) {
-        const detail = areaRef.value.getArea();
-        detail.areaCode = detail.code;
-        delete detail.code;
-        (0, import_utils.extend)(data, detail);
-      }
-    };
     const onFocus = (key) => {
       detailFocused.value = key === "addressDetail";
       emit("focus", key);
@@ -132,8 +117,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const rules = (0, import_vue2.computed)(() => {
       const {
         validator,
-        telValidator,
-        postalValidator
+        telValidator
       } = props;
       const makeRule = (name2, emptyMessage) => ({
         validator: (value) => {
@@ -156,38 +140,34 @@ var stdin_default = (0, import_vue2.defineComponent)({
           message: t("telInvalid")
         }],
         areaCode: [makeRule("areaCode", t("areaEmpty"))],
-        addressDetail: [makeRule("addressDetail", t("addressEmpty"))],
-        postalCode: [makeRule("addressDetail", t("postalEmpty")), {
-          validator: postalValidator,
-          message: t("postalEmpty")
-        }]
+        addressDetail: [makeRule("addressDetail", t("addressEmpty"))]
       };
     });
     const onSave = () => emit("save", data);
     const onChangeDetail = (val) => {
       data.addressDetail = val;
-      emit("change-detail", val);
+      emit("changeDetail", val);
+    };
+    const assignAreaText = (options) => {
+      data.province = options[0].text;
+      data.city = options[1].text;
+      data.county = options[2].text;
     };
-    const onAreaConfirm = (values) => {
-      values = values.filter(Boolean);
-      if (values.some((value) => !value.code)) {
+    const onAreaConfirm = ({
+      selectedValues,
+      selectedOptions
+    }) => {
+      if (selectedValues.some((value) => value === import_utils2.AREA_EMPTY_CODE)) {
         (0, import_toast.Toast)(t("areaEmpty"));
       } else {
         showAreaPopup.value = false;
-        assignAreaValues();
-        emit("change-area", values);
+        assignAreaText(selectedOptions);
+        emit("changeArea", selectedOptions);
       }
     };
     const onDelete = () => emit("delete", data);
-    const getArea = () => {
-      var _a;
-      return ((_a = areaRef.value) == null ? void 0 : _a.getValues()) || [];
-    };
     const setAreaCode = (code) => {
       data.areaCode = code || "";
-      if (code) {
-        (0, import_vue2.nextTick)(assignAreaValues);
-      }
     };
     const onDetailBlur = () => {
       setTimeout(() => {
@@ -203,8 +183,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           "right-icon": () => (0, import_vue.createVNode)(import_switch.Switch, {
             "modelValue": data.isDefault,
             "onUpdate:modelValue": ($event) => data.isDefault = $event,
-            "size": "24",
-            "onChange": (event) => emit("change-default", event)
+            "onChange": (event) => emit("changeDefault", event)
           }, null)
         };
         return (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_cell.Cell, {
@@ -215,14 +194,18 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     (0, import_use_expose.useExpose)({
-      getArea,
       setAreaCode,
       setAddressDetail
     });
-    (0, import_vue2.watch)(() => props.areaList, () => setAreaCode(data.areaCode));
     (0, import_vue2.watch)(() => props.addressInfo, (value) => {
       (0, import_utils.extend)(data, DEFAULT_DATA, value);
-      setAreaCode(value.areaCode);
+      (0, import_vue2.nextTick)(() => {
+        var _a;
+        const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
+        if (options && options.every((option) => option && option.value !== import_utils2.AREA_EMPTY_CODE)) {
+          assignAreaText(options);
+        }
+      });
     }, {
       deep: true,
       immediate: true
@@ -266,7 +249,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "placeholder": props.areaPlaceholder || t("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {
-              emit("click-area");
+              emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
           }, null), [[import_vue.vShow, props.showArea]]), (0, import_vue.createVNode)(import_AddressEditDetail.default, {
@@ -281,22 +264,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
             "onInput": onChangeDetail,
-            "onSelect-search": (event) => emit("select-search", event)
-          }, null), props.showPostal && (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_field.Field, {
-            "modelValue": data.postalCode,
-            "onUpdate:modelValue": ($event) => data.postalCode = $event,
-            "type": "tel",
-            "rules": rules.value.postalCode,
-            "label": t("postal"),
-            "maxlength": "6",
-            "placeholder": t("postal"),
-            "onFocus": () => onFocus("postalCode")
-          }, null), [[import_vue.vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+            "onSelectSearch": (event) => emit("selectSearch", event)
+          }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
             "class": bem("buttons")
           }, [(0, import_vue.createVNode)(import_button.Button, {
             "block": true,
             "round": true,
-            "type": "danger",
+            "type": "primary",
             "text": props.saveButtonText || t("save"),
             "class": bem("button"),
             "loading": props.isSaving,
@@ -317,8 +291,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
             "lazyRender": false
           }, {
             default: () => [(0, import_vue.createVNode)(import_area.Area, {
+              "modelValue": data.areaCode,
+              "onUpdate:modelValue": ($event) => data.areaCode = $event,
               "ref": areaRef,
-              "value": data.areaCode,
               "loading": !areaListLoaded.value,
               "areaList": props.areaList,
               "columnsPlaceholder": props.areaColumnsPlaceholder,

package/lib/address-edit/AddressEditDetail.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     searchResult: PropType<AddressEditSearchItem[]>;
     showSearchResult: BooleanConstructor;
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "select-search")[], "input" | "focus" | "blur" | "select-search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "selectSearch")[], "input" | "focus" | "blur" | "selectSearch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     rows: (NumberConstructor | StringConstructor)[];
     value: StringConstructor;
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
 }, {
     focused: boolean;
     show: boolean;

package/lib/address-edit/AddressEditDetail.js

@@ -39,24 +39,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
     searchResult: Array,
     showSearchResult: Boolean
   },
-  emits: ["blur", "focus", "input", "select-search"],
+  emits: ["blur", "focus", "input", "selectSearch"],
   setup(props, {
     emit
   }) {
     const field = (0, import_vue2.ref)();
     const showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
     const onSelect = (express) => {
-      emit("select-search", express);
+      emit("selectSearch", express);
       emit("input", `${express.address || ""} ${express.name || ""}`.trim());
     };
-    const renderSearchTitle = (express) => {
-      if (express.name) {
-        const text = express.name.replace(props.value, `<span class=${bem("keyword")}>${props.value}</span>`);
-        return (0, import_vue.createVNode)("div", {
-          "innerHTML": text
-        }, null);
-      }
-    };
     const renderSearchResult = () => {
       if (!showSearchResult()) {
         return;
@@ -66,15 +58,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } = props;
       return searchResult.map((express) => (0, import_vue.createVNode)(import_cell.Cell, {
         "clickable": true,
-        "key": express.name + express.address,
+        "key": (express.name || "") + (express.address || ""),
         "icon": "location-o",
+        "title": express.name,
         "label": express.address,
         "class": bem("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
-      }, {
-        title: () => renderSearchTitle(express)
-      }));
+      }, null));
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);

package/lib/address-edit/index.css

@@ -1 +1 @@
-:root{--van-address-edit-padding: var(--van-padding-sm);--van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);--van-address-edit-button-margin-bottom: var(--van-padding-sm);--van-address-edit-button-font-size: var(--van-font-size-lg)}.van-address-edit{padding:var(--van-address-edit-padding)}.van-address-edit__fields{overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:var(--van-padding-sm);overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__buttons{padding:var(--van-address-edit-buttons-padding)}.van-address-edit__button{margin-bottom:var(--van-address-edit-button-margin-bottom);font-size:var(--van-address-edit-button-font-size)}.van-address-edit-detail__search-item{background:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}
+body{--van-address-edit-padding: var(--van-padding-sm);--van-address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);--van-address-edit-button-margin-bottom: var(--van-padding-sm);--van-address-edit-button-font-size: var(--van-font-size-lg)}.van-address-edit{padding:var(--van-address-edit-padding)}.van-address-edit__fields{overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__fields .van-field__label{width:4.1em}.van-address-edit__default{margin-top:var(--van-padding-sm);overflow:hidden;border-radius:var(--van-padding-xs)}.van-address-edit__buttons{padding:var(--van-address-edit-buttons-padding)}.van-address-edit__button{margin-bottom:var(--van-address-edit-button-margin-bottom);font-size:var(--van-address-edit-button-font-size)}.van-address-edit-detail__search-item{background:var(--van-gray-2)}

package/lib/address-edit/index.d.ts

@@ -13,7 +13,6 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     showDelete: BooleanConstructor;
-    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -42,11 +41,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").isMobile;
     };
-    postalValidator: {
-        type: import("vue").PropType<(val: string) => boolean>;
-        default: (value: string) => boolean;
-    };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -60,7 +55,6 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         default: true;
     };
     showDelete: BooleanConstructor;
-    showPostal: BooleanConstructor;
     disableArea: BooleanConstructor;
     searchResult: import("vue").PropType<import("./types").AddressEditSearchItem[]>;
     telMaxlength: (NumberConstructor | StringConstructor)[];
@@ -89,26 +83,21 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: typeof import("../utils").isMobile;
     };
-    postalValidator: {
-        type: import("vue").PropType<(val: string) => boolean>;
-        default: (value: string) => boolean;
-    };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onClick-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onClickArea?: ((...args: any[]) => any) | undefined;
+    onChangeArea?: ((...args: any[]) => any) | undefined;
+    onChangeDetail?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;
     showArea: boolean;
     showDetail: boolean;
     showDelete: boolean;
-    showPostal: boolean;
     disableArea: boolean;
     showSetDefault: boolean;
     showSearchResult: boolean;
@@ -117,7 +106,6 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
-    postalValidator: (val: string) => boolean;
 }>>;
 export default AddressEdit;
 export type { AddressEditProps };

package/lib/address-edit/index.less

@@ -1,10 +1,9 @@
-@import './var.less';
-
-:root {
-  --van-address-edit-padding: @address-edit-padding;
-  --van-address-edit-buttons-padding: @address-edit-buttons-padding;
-  --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
-  --van-address-edit-button-font-size: @address-edit-button-font-size;
+body {
+  --van-address-edit-padding: var(--van-padding-sm);
+  --van-address-edit-buttons-padding: var(--van-padding-xl)
+    var(--van-padding-base);
+  --van-address-edit-button-margin-bottom: var(--van-padding-sm);
+  --van-address-edit-button-font-size: var(--van-font-size-lg);
 }
 
 .van-address-edit {
@@ -34,13 +33,7 @@
     font-size: var(--van-address-edit-button-font-size);
   }
 
-  &-detail {
-    &__search-item {
-      background: var(--van-gray-2);
-    }
-
-    &__keyword {
-      color: var(--van-danger-color);
-    }
+  &-detail__search-item {
+    background: var(--van-gray-2);
   }
 }

package/lib/address-edit/types.d.ts

@@ -1,9 +1,8 @@
 import type { ComponentPublicInstance } from 'vue';
-import type { AreaColumnOption } from '../area';
 import type { AddressEditProps } from './AddressEdit';
 export declare type AddressEditSearchItem = {
-    name: string;
-    address: string;
+    name?: string;
+    address?: string;
 };
 export declare type AddressEditInfo = {
     tel: string;
@@ -14,11 +13,9 @@ export declare type AddressEditInfo = {
     province: string;
     areaCode: string;
     isDefault?: boolean;
-    postalCode?: string;
     addressDetail: string;
 };
 export declare type AddressEditExpose = {
-    getArea: () => AreaColumnOption[];
     setAreaCode: (code?: string | undefined) => void;
     setAddressDetail: (value: string) => void;
 };

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

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     list: {
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
@@ -58,9 +58,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onEdit-disabled"?: ((...args: any[]) => any) | undefined;
-    "onSelect-disabled"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onEditDisabled?: ((...args: any[]) => any) | undefined;
+    onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
     switchable: boolean;
     list: AddressListAddress[];

package/lib/address-list/AddressList.js

@@ -42,16 +42,16 @@ const addressListProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: addressListProps,
-  emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
+  emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
     slots,
     emit
   }) {
     const renderItem = (item, index, disabled) => {
-      const onEdit = () => emit(disabled ? "edit-disabled" : "edit", item, index);
-      const onClick = () => emit("click-item", item, index);
+      const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
+      const onClick = () => emit("clickItem", item, index);
       const onSelect = () => {
-        emit(disabled ? "select-disabled" : "select", item, index);
+        emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {
           emit("update:modelValue", item.id);
         }
@@ -80,7 +80,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     }, [(0, import_vue.createVNode)(import_button.Button, {
       "round": true,
       "block": true,
-      "type": "danger",
+      "type": "primary",
       "text": props.addButtonText || t("add"),
       "class": bem("add"),
       "onClick": () => emit("add")

package/lib/address-list/AddressListItem.js

@@ -62,7 +62,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       if (props.address.isDefault && props.defaultTagText) {
         return (0, import_vue.createVNode)(import_tag.Tag, {
-          "type": "danger",
+          "type": "primary",
           "round": true,
           "class": bem("tag")
         }, {
@@ -103,9 +103,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "onClick": onClick
       }, [(0, import_vue.createVNode)(import_cell.Cell, {
         "border": false,
-        "valueClass": bem("value")
+        "titleClass": bem("title")
       }, {
-        value: renderContent,
+        title: renderContent,
         "right-icon": renderRightIcon
       }), (_a = slots.bottom) == null ? void 0 : _a.call(slots, (0, import_utils.extend)({}, props.address, {
         disabled

package/lib/address-list/index.css

@@ -1 +1 @@
-:root{--van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color: var(--van-text-color-2);--van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size: var(--van-font-size-md);--van-address-list-disabled-text-line-height: var(--van-line-height-md);--van-address-list-add-button-z-index: 999;--van-address-list-item-padding: var(--van-padding-sm);--van-address-list-item-text-color: var(--van-text-color);--van-address-list-item-disabled-text-color: var(--van-text-color-3);--van-address-list-item-font-size: 13px;--van-address-list-item-line-height: var(--van-line-height-sm);--van-address-list-item-radio-icon-color: var(--van-danger-color);--van-address-list-edit-icon-size: 20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-color-light);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__name,.van-address-item--disabled .van-address-item__address{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translateY(-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}
+body{--van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color: var(--van-text-color-2);--van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;--van-address-list-disabled-text-font-size: var(--van-font-size-md);--van-address-list-disabled-text-line-height: var(--van-line-height-md);--van-address-list-add-button-z-index: 999;--van-address-list-item-padding: var(--van-padding-sm);--van-address-list-item-text-color: var(--van-text-color);--van-address-list-item-disabled-text-color: var(--van-text-color-3);--van-address-list-item-font-size: 13px;--van-address-list-item-line-height: var(--van-line-height-sm);--van-address-list-radio-color: var(--van-primary-color);--van-address-list-edit-icon-size: 20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-2)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-2);border-radius:var(--van-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__title{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__name,.van-address-item--disabled .van-address-item__address{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translateY(-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-radio-color);border-color:var(--van-address-list-radio-color)}

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

@@ -15,7 +15,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     list: {
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
@@ -37,9 +37,9 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onEdit-disabled"?: ((...args: any[]) => any) | undefined;
-    "onSelect-disabled"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onEditDisabled?: ((...args: any[]) => any) | undefined;
+    onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];

package/lib/address-list/index.less

@@ -1,19 +1,17 @@
-@import './var.less';
-
-:root {
-  --van-address-list-padding: @address-list-padding;
-  --van-address-list-disabled-text-color: @address-list-disabled-text-color;
-  --van-address-list-disabled-text-padding: @address-list-disabled-text-padding;
-  --van-address-list-disabled-text-font-size: @address-list-disabled-text-font-size;
-  --van-address-list-disabled-text-line-height: @address-list-disabled-text-line-height;
-  --van-address-list-add-button-z-index: @address-list-add-button-z-index;
-  --van-address-list-item-padding: @address-list-item-padding;
-  --van-address-list-item-text-color: @address-list-item-text-color;
-  --van-address-list-item-disabled-text-color: @address-list-item-disabled-text-color;
-  --van-address-list-item-font-size: @address-list-item-font-size;
-  --van-address-list-item-line-height: @address-list-item-line-height;
-  --van-address-list-item-radio-icon-color: @address-list-item-radio-icon-color;
-  --van-address-list-edit-icon-size: @address-list-edit-icon-size;
+body {
+  --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
+  --van-address-list-disabled-text-color: var(--van-text-color-2);
+  --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;
+  --van-address-list-disabled-text-font-size: var(--van-font-size-md);
+  --van-address-list-disabled-text-line-height: var(--van-line-height-md);
+  --van-address-list-add-button-z-index: 999;
+  --van-address-list-item-padding: var(--van-padding-sm);
+  --van-address-list-item-text-color: var(--van-text-color);
+  --van-address-list-item-disabled-text-color: var(--van-text-color-3);
+  --van-address-list-item-font-size: 13px;
+  --van-address-list-item-line-height: var(--van-line-height-sm);
+  --van-address-list-radio-color: var(--van-primary-color);
+  --van-address-list-edit-icon-size: 20px;
 }
 
 .van-address-list {
@@ -30,7 +28,7 @@
     width: 100%;
     padding-left: var(--van-padding-md);
     padding-right: var(--van-padding-md);
-    background-color: var(--van-background-color-light);
+    background-color: var(--van-background-2);
   }
 
   &__add {
@@ -48,14 +46,14 @@
 
 .van-address-item {
   padding: var(--van-address-list-item-padding);
-  background-color: var(--van-background-color-light);
-  border-radius: var(--van-border-radius-lg);
+  background-color: var(--van-background-2);
+  border-radius: var(--van-radius-lg);
 
   &:not(:last-child) {
     margin-bottom: var(--van-padding-sm);
   }
 
-  &__value {
+  &__title {
     padding-right: 44px;
   }
 
@@ -106,7 +104,7 @@
   }
 
   .van-radio__icon--checked .van-icon {
-    background-color: var(--van-address-list-item-radio-icon-color);
-    border-color: var(--van-address-list-item-radio-icon-color);
+    background-color: var(--van-address-list-radio-color);
+    border-color: var(--van-address-list-radio-color);
   }
 }