vant 4.0.4 → 4.0.5

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

@@ -1,157 +0,0 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
-import { isMobile } from '../utils';
-import { AreaList } from '../area';
-import type { AddressEditInfo, AddressEditSearchItem } from './types';
-export declare const addressEditProps: {
-    areaList: PropType<AreaList>;
-    isSaving: BooleanConstructor;
-    isDeleting: BooleanConstructor;
-    validator: PropType<(key: string, value: string) => string | undefined>;
-    showArea: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDetail: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDelete: BooleanConstructor;
-    disableArea: BooleanConstructor;
-    searchResult: PropType<AddressEditSearchItem[]>;
-    telMaxlength: (NumberConstructor | StringConstructor)[];
-    showSetDefault: BooleanConstructor;
-    saveButtonText: StringConstructor;
-    areaPlaceholder: StringConstructor;
-    deleteButtonText: StringConstructor;
-    showSearchResult: BooleanConstructor;
-    detailRows: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    detailMaxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    areaColumnsPlaceholder: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    addressInfo: {
-        type: PropType<Partial<AddressEditInfo>>;
-        default: () => AddressEditInfo;
-    };
-    telValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: typeof isMobile;
-    };
-};
-export type AddressEditProps = ExtractPropTypes<typeof addressEditProps>;
-declare const _default: import("vue").DefineComponent<{
-    areaList: PropType<AreaList>;
-    isSaving: BooleanConstructor;
-    isDeleting: BooleanConstructor;
-    validator: PropType<(key: string, value: string) => string | undefined>;
-    showArea: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDetail: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDelete: BooleanConstructor;
-    disableArea: BooleanConstructor;
-    searchResult: PropType<AddressEditSearchItem[]>;
-    telMaxlength: (NumberConstructor | StringConstructor)[];
-    showSetDefault: BooleanConstructor;
-    saveButtonText: StringConstructor;
-    areaPlaceholder: StringConstructor;
-    deleteButtonText: StringConstructor;
-    showSearchResult: BooleanConstructor;
-    detailRows: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    detailMaxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    areaColumnsPlaceholder: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    addressInfo: {
-        type: PropType<Partial<AddressEditInfo>>;
-        default: () => AddressEditInfo;
-    };
-    telValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: typeof isMobile;
-    };
-}, () => 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<ExtractPropTypes<{
-    areaList: PropType<AreaList>;
-    isSaving: BooleanConstructor;
-    isDeleting: BooleanConstructor;
-    validator: PropType<(key: string, value: string) => string | undefined>;
-    showArea: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDetail: {
-        type: BooleanConstructor;
-        default: true;
-    };
-    showDelete: BooleanConstructor;
-    disableArea: BooleanConstructor;
-    searchResult: PropType<AddressEditSearchItem[]>;
-    telMaxlength: (NumberConstructor | StringConstructor)[];
-    showSetDefault: BooleanConstructor;
-    saveButtonText: StringConstructor;
-    areaPlaceholder: StringConstructor;
-    deleteButtonText: StringConstructor;
-    showSearchResult: BooleanConstructor;
-    detailRows: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    detailMaxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    areaColumnsPlaceholder: {
-        type: PropType<string[]>;
-        default: () => never[];
-    };
-    addressInfo: {
-        type: PropType<Partial<AddressEditInfo>>;
-        default: () => AddressEditInfo;
-    };
-    telValidator: {
-        type: PropType<(val: string) => boolean>;
-        default: typeof isMobile;
-    };
-}>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onSelectSearch?: ((...args: any[]) => any) | undefined;
-    onSave?: ((...args: any[]) => any) | undefined;
-    onDelete?: ((...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;
-    disableArea: boolean;
-    showSetDefault: boolean;
-    showSearchResult: boolean;
-    detailRows: string | number;
-    detailMaxlength: string | number;
-    areaColumnsPlaceholder: string[];
-    addressInfo: Partial<AddressEditInfo>;
-    telValidator: (val: string) => boolean;
-}>;
-export default _default;

package/lib/address-edit/AddressEdit.js

@@ -1,314 +0,0 @@
-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 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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  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, {
-  addressEditProps: () => addressEditProps,
-  default: () => stdin_default
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_use_expose = require("../composables/use-expose");
-var import_area = require("../area");
-var import_cell = require("../cell");
-var import_form = require("../form");
-var import_field = require("../field");
-var import_popup = require("../popup");
-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: "",
-  tel: "",
-  city: "",
-  county: "",
-  country: "",
-  province: "",
-  areaCode: "",
-  isDefault: false,
-  addressDetail: ""
-};
-const addressEditProps = {
-  areaList: Object,
-  isSaving: Boolean,
-  isDeleting: Boolean,
-  validator: Function,
-  showArea: import_utils.truthProp,
-  showDetail: import_utils.truthProp,
-  showDelete: Boolean,
-  disableArea: Boolean,
-  searchResult: Array,
-  telMaxlength: import_utils.numericProp,
-  showSetDefault: Boolean,
-  saveButtonText: String,
-  areaPlaceholder: String,
-  deleteButtonText: String,
-  showSearchResult: Boolean,
-  detailRows: (0, import_utils.makeNumericProp)(1),
-  detailMaxlength: (0, import_utils.makeNumericProp)(200),
-  areaColumnsPlaceholder: (0, import_utils.makeArrayProp)(),
-  addressInfo: {
-    type: Object,
-    default: () => (0, import_utils.extend)({}, DEFAULT_DATA)
-  },
-  telValidator: {
-    type: Function,
-    default: import_utils.isMobile
-  }
-};
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  props: addressEditProps,
-  emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const areaRef = (0, import_vue2.ref)();
-    const data = (0, import_vue2.reactive)({});
-    const showAreaPopup = (0, import_vue2.ref)(false);
-    const detailFocused = (0, import_vue2.ref)(false);
-    const areaListLoaded = (0, import_vue2.computed)(() => (0, import_utils.isObject)(props.areaList) && Object.keys(props.areaList).length);
-    const areaText = (0, import_vue2.computed)(() => {
-      const {
-        province,
-        city,
-        county,
-        areaCode
-      } = data;
-      if (areaCode) {
-        const arr = [province, city, county];
-        if (province && province === city) {
-          arr.splice(1, 1);
-        }
-        return arr.filter(Boolean).join("/");
-      }
-      return "";
-    });
-    const hideBottomFields = (0, import_vue2.computed)(() => {
-      var _a;
-      return ((_a = props.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
-    });
-    const onFocus = (key) => {
-      detailFocused.value = key === "addressDetail";
-      emit("focus", key);
-    };
-    const rules = (0, import_vue2.computed)(() => {
-      const {
-        validator,
-        telValidator
-      } = props;
-      const makeRule = (name2, emptyMessage) => ({
-        validator: (value) => {
-          if (validator) {
-            const message = validator(name2, value);
-            if (message) {
-              return message;
-            }
-          }
-          if (!value) {
-            return emptyMessage;
-          }
-          return true;
-        }
-      });
-      return {
-        name: [makeRule("name", t("nameEmpty"))],
-        tel: [makeRule("tel", t("telInvalid")), {
-          validator: telValidator,
-          message: t("telInvalid")
-        }],
-        areaCode: [makeRule("areaCode", t("areaEmpty"))],
-        addressDetail: [makeRule("addressDetail", t("addressEmpty"))]
-      };
-    });
-    const onSave = () => emit("save", data);
-    const onChangeDetail = (val) => {
-      data.addressDetail = val;
-      emit("changeDetail", val);
-    };
-    const assignAreaText = (options) => {
-      data.province = options[0].text;
-      data.city = options[1].text;
-      data.county = options[2].text;
-    };
-    const onAreaConfirm = ({
-      selectedValues,
-      selectedOptions
-    }) => {
-      if (selectedValues.some((value) => value === import_utils2.AREA_EMPTY_CODE)) {
-        (0, import_toast.showToast)(t("areaEmpty"));
-      } else {
-        showAreaPopup.value = false;
-        assignAreaText(selectedOptions);
-        emit("changeArea", selectedOptions);
-      }
-    };
-    const onDelete = () => emit("delete", data);
-    const setAreaCode = (code) => {
-      data.areaCode = code || "";
-    };
-    const onDetailBlur = () => {
-      setTimeout(() => {
-        detailFocused.value = false;
-      });
-    };
-    const setAddressDetail = (value) => {
-      data.addressDetail = value;
-    };
-    const renderSetDefaultCell = () => {
-      if (props.showSetDefault) {
-        const slots2 = {
-          "right-icon": () => (0, import_vue.createVNode)(import_switch.Switch, {
-            "modelValue": data.isDefault,
-            "onUpdate:modelValue": ($event) => data.isDefault = $event,
-            "onChange": (event) => emit("changeDefault", event)
-          }, null)
-        };
-        return (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_cell.Cell, {
-          "center": true,
-          "title": t("defaultAddress"),
-          "class": bem("default")
-        }, slots2), [[import_vue.vShow, !hideBottomFields.value]]);
-      }
-    };
-    (0, import_use_expose.useExpose)({
-      setAreaCode,
-      setAddressDetail
-    });
-    (0, import_vue2.watch)(() => props.addressInfo, (value) => {
-      (0, import_utils.extend)(data, DEFAULT_DATA, value);
-      (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
-    });
-    return () => {
-      const {
-        disableArea
-      } = props;
-      return (0, import_vue.createVNode)(import_form.Form, {
-        "class": bem(),
-        "onSubmit": onSave
-      }, {
-        default: () => {
-          var _a;
-          return [(0, import_vue.createVNode)("div", {
-            "class": bem("fields")
-          }, [(0, import_vue.createVNode)(import_field.Field, {
-            "modelValue": data.name,
-            "onUpdate:modelValue": ($event) => data.name = $event,
-            "clearable": true,
-            "label": t("name"),
-            "rules": rules.value.name,
-            "placeholder": t("name"),
-            "onFocus": () => onFocus("name")
-          }, null), (0, import_vue.createVNode)(import_field.Field, {
-            "modelValue": data.tel,
-            "onUpdate:modelValue": ($event) => data.tel = $event,
-            "clearable": true,
-            "type": "tel",
-            "label": t("tel"),
-            "rules": rules.value.tel,
-            "maxlength": props.telMaxlength,
-            "placeholder": t("tel"),
-            "onFocus": () => onFocus("tel")
-          }, null), (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_field.Field, {
-            "readonly": true,
-            "label": t("area"),
-            "is-link": !disableArea,
-            "modelValue": areaText.value,
-            "rules": rules.value.areaCode,
-            "placeholder": props.areaPlaceholder || t("area"),
-            "onFocus": () => onFocus("areaCode"),
-            "onClick": () => {
-              emit("clickArea");
-              showAreaPopup.value = !disableArea;
-            }
-          }, null), [[import_vue.vShow, props.showArea]]), (0, import_vue.createVNode)(import_AddressEditDetail.default, {
-            "show": props.showDetail,
-            "rows": props.detailRows,
-            "rules": rules.value.addressDetail,
-            "value": data.addressDetail,
-            "focused": detailFocused.value,
-            "maxlength": props.detailMaxlength,
-            "searchResult": props.searchResult,
-            "showSearchResult": props.showSearchResult,
-            "onBlur": onDetailBlur,
-            "onFocus": () => onFocus("addressDetail"),
-            "onInput": onChangeDetail,
-            "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": "primary",
-            "text": props.saveButtonText || t("save"),
-            "class": bem("button"),
-            "loading": props.isSaving,
-            "nativeType": "submit"
-          }, null), props.showDelete && (0, import_vue.createVNode)(import_button.Button, {
-            "block": true,
-            "round": true,
-            "class": bem("button"),
-            "loading": props.isDeleting,
-            "text": props.deleteButtonText || t("delete"),
-            "onClick": onDelete
-          }, null)]), [[import_vue.vShow, !hideBottomFields.value]]), (0, import_vue.createVNode)(import_popup.Popup, {
-            "show": showAreaPopup.value,
-            "onUpdate:show": ($event) => showAreaPopup.value = $event,
-            "round": true,
-            "teleport": "body",
-            "position": "bottom",
-            "lazyRender": false
-          }, {
-            default: () => [(0, import_vue.createVNode)(import_area.Area, {
-              "modelValue": data.areaCode,
-              "onUpdate:modelValue": ($event) => data.areaCode = $event,
-              "ref": areaRef,
-              "loading": !areaListLoaded.value,
-              "areaList": props.areaList,
-              "columnsPlaceholder": props.areaColumnsPlaceholder,
-              "onConfirm": onAreaConfirm,
-              "onCancel": () => {
-                showAreaPopup.value = false;
-              }
-            }, null)]
-          })];
-        }
-      });
-    };
-  }
-});

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

@@ -1,32 +0,0 @@
-import { type PropType } from 'vue';
-import type { AddressEditSearchItem } from './types';
-import type { FieldRule } from '../field/types';
-declare const _default: import("vue").DefineComponent<{
-    show: BooleanConstructor;
-    rows: (NumberConstructor | StringConstructor)[];
-    value: StringConstructor;
-    rules: PropType<FieldRule[]>;
-    focused: BooleanConstructor;
-    maxlength: (NumberConstructor | StringConstructor)[];
-    searchResult: PropType<AddressEditSearchItem[]>;
-    showSearchResult: BooleanConstructor;
-}, () => 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;
-    rules: PropType<FieldRule[]>;
-    focused: BooleanConstructor;
-    maxlength: (NumberConstructor | StringConstructor)[];
-    searchResult: PropType<AddressEditSearchItem[]>;
-    showSearchResult: BooleanConstructor;
-}>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
-    onSelectSearch?: ((...args: any[]) => any) | undefined;
-}, {
-    focused: boolean;
-    show: boolean;
-    showSearchResult: boolean;
-}>;
-export default _default;

package/lib/address-edit/AddressEditDetail.js

@@ -1,95 +0,0 @@
-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 stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default
-});
-module.exports = __toCommonJS(stdin_exports);
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_cell = require("../cell");
-var import_field = require("../field");
-const [name, bem] = (0, import_utils.createNamespace)("address-edit-detail");
-const t = (0, import_utils.createNamespace)("address-edit")[2];
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  props: {
-    show: Boolean,
-    rows: import_utils.numericProp,
-    value: String,
-    rules: Array,
-    focused: Boolean,
-    maxlength: import_utils.numericProp,
-    searchResult: Array,
-    showSearchResult: Boolean
-  },
-  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("selectSearch", express);
-      emit("input", `${express.address || ""} ${express.name || ""}`.trim());
-    };
-    const renderSearchResult = () => {
-      if (!showSearchResult()) {
-        return;
-      }
-      const {
-        searchResult
-      } = props;
-      return searchResult.map((express) => (0, import_vue.createVNode)(import_cell.Cell, {
-        "clickable": true,
-        "key": (express.name || "") + (express.address || ""),
-        "icon": "location-o",
-        "title": express.name,
-        "label": express.address,
-        "class": bem("search-item"),
-        "border": false,
-        "onClick": () => onSelect(express)
-      }, null));
-    };
-    const onBlur = (event) => emit("blur", event);
-    const onFocus = (event) => emit("focus", event);
-    const onInput = (value) => emit("input", value);
-    return () => {
-      if (props.show) {
-        return (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createVNode)(import_field.Field, {
-          "autosize": true,
-          "clearable": true,
-          "ref": field,
-          "class": bem(),
-          "rows": props.rows,
-          "type": "textarea",
-          "rules": props.rules,
-          "label": t("addressDetail"),
-          "border": !showSearchResult(),
-          "maxlength": props.maxlength,
-          "modelValue": props.value,
-          "placeholder": t("addressDetail"),
-          "onBlur": onBlur,
-          "onFocus": onFocus,
-          "onUpdate:modelValue": onInput
-        }, null), renderSearchResult()]);
-      }
-    };
-  }
-});

package/lib/address-edit/index.css

@@ -1 +0,0 @@
-: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)}