vant 3.4.0 → 3.4.1

package/lib/address-edit/AddressEdit.js

@@ -1,366 +1,336 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _useExpose = require("../composables/use-expose");
-
-var _area = require("../area");
-
-var _cell = require("../cell");
-
-var _form = require("../form");
-
-var _field = require("../field");
-
-var _popup = require("../popup");
-
-var _toast = require("../toast");
-
-var _button = require("../button");
-
-var _switch = require("../switch");
-
-var _AddressEditDetail = _interopRequireDefault(require("./AddressEditDetail"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Utils
-// Composables
-// Components
-var [name, bem, t] = (0, _utils.createNamespace)('address-edit');
-var DEFAULT_DATA = {
-  name: '',
-  tel: '',
-  city: '',
-  county: '',
-  country: '',
-  province: '',
-  areaCode: '',
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_area = __toModule(require("../area"));
+var import_cell = __toModule(require("../cell"));
+var import_form = __toModule(require("../form"));
+var import_field = __toModule(require("../field"));
+var import_popup = __toModule(require("../popup"));
+var import_toast = __toModule(require("../toast"));
+var import_button = __toModule(require("../button"));
+var import_switch = __toModule(require("../switch"));
+var import_AddressEditDetail = __toModule(require("./AddressEditDetail"));
+const [name, bem, t] = (0, import_utils.createNamespace)("address-edit");
+const DEFAULT_DATA = {
+  name: "",
+  tel: "",
+  city: "",
+  county: "",
+  country: "",
+  province: "",
+  areaCode: "",
   isDefault: false,
-  postalCode: '',
-  addressDetail: ''
+  postalCode: "",
+  addressDetail: ""
 };
-
-var isPostal = value => /^\d{6}$/.test(value);
-
-var addressEditProps = {
+const isPostal = (value) => /^\d{6}$/.test(value);
+const addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
   isDeleting: Boolean,
   validator: Function,
-  showArea: _utils.truthProp,
-  showDetail: _utils.truthProp,
+  showArea: import_utils.truthProp,
+  showDetail: import_utils.truthProp,
   showDelete: Boolean,
   showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
-  telMaxlength: _utils.numericProp,
+  telMaxlength: import_utils.numericProp,
   showSetDefault: Boolean,
   saveButtonText: String,
   areaPlaceholder: String,
   deleteButtonText: String,
   showSearchResult: Boolean,
-  detailRows: (0, _utils.makeNumericProp)(1),
-  detailMaxlength: (0, _utils.makeNumericProp)(200),
-  areaColumnsPlaceholder: (0, _utils.makeArrayProp)(),
+  detailRows: (0, import_utils.makeNumericProp)(1),
+  detailMaxlength: (0, import_utils.makeNumericProp)(200),
+  areaColumnsPlaceholder: (0, import_utils.makeArrayProp)(),
   addressInfo: {
     type: Object,
-    default: () => (0, _utils.extend)({}, DEFAULT_DATA)
+    default: () => (0, import_utils.extend)({}, DEFAULT_DATA)
   },
   telValidator: {
     type: Function,
-    default: _utils.isMobile
+    default: import_utils.isMobile
   },
   postalValidator: {
     type: Function,
     default: isPostal
   }
 };
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: addressEditProps,
-  emits: ['save', 'focus', 'delete', 'click-area', 'change-area', 'change-detail', 'select-search', 'change-default'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var areaRef = (0, _vue.ref)();
-    var data = (0, _vue.reactive)({});
-    var showAreaPopup = (0, _vue.ref)(false);
-    var detailFocused = (0, _vue.ref)(false);
-    var areaListLoaded = (0, _vue.computed)(() => (0, _utils.isObject)(props.areaList) && Object.keys(props.areaList).length);
-    var areaText = (0, _vue.computed)(() => {
-      var {
+  emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
+  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 {
         country,
         province,
         city,
         county,
         areaCode
       } = data;
-
       if (areaCode) {
-        var arr = [country, province, city, county];
-
+        const arr = [country, province, city, county];
         if (province && province === city) {
           arr.splice(1, 1);
         }
-
-        return arr.filter(Boolean).join('/');
+        return arr.filter(Boolean).join("/");
       }
-
-      return '';
-    }); // hide bottom field when use search && detail get focused
-
-    var hideBottomFields = (0, _vue.computed)(() => {
-      var _props$searchResult;
-
-      return ((_props$searchResult = props.searchResult) == null ? void 0 : _props$searchResult.length) && detailFocused.value;
+      return "";
     });
-
-    var assignAreaValues = () => {
+    const hideBottomFields = (0, import_vue2.computed)(() => {
+      var _a;
+      return ((_a = props.searchResult) == null ? void 0 : _a.length) && detailFocused.value;
+    });
+    const assignAreaValues = () => {
       if (areaRef.value) {
-        var detail = areaRef.value.getArea();
+        const detail = areaRef.value.getArea();
         detail.areaCode = detail.code;
         delete detail.code;
-        (0, _utils.extend)(data, detail);
+        (0, import_utils.extend)(data, detail);
       }
     };
-
-    var onFocus = key => {
-      detailFocused.value = key === 'addressDetail';
-      emit('focus', key);
+    const onFocus = (key) => {
+      detailFocused.value = key === "addressDetail";
+      emit("focus", key);
     };
-
-    var rules = (0, _vue.computed)(() => {
-      var {
+    const rules = (0, import_vue2.computed)(() => {
+      const {
         validator,
         telValidator,
         postalValidator
       } = props;
-
-      var makeRule = (name, emptyMessage) => ({
-        validator: value => {
+      const makeRule = (name2, emptyMessage) => ({
+        validator: (value) => {
           if (validator) {
-            var message = validator(name, value);
-
+            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')), {
+        name: [makeRule("name", t("nameEmpty"))],
+        tel: [makeRule("tel", t("telInvalid")), {
           validator: telValidator,
-          message: t('telInvalid')
+          message: t("telInvalid")
         }],
-        areaCode: [makeRule('areaCode', t('areaEmpty'))],
-        addressDetail: [makeRule('addressDetail', t('addressEmpty'))],
-        postalCode: [makeRule('addressDetail', t('postalEmpty')), {
+        areaCode: [makeRule("areaCode", t("areaEmpty"))],
+        addressDetail: [makeRule("addressDetail", t("addressEmpty"))],
+        postalCode: [makeRule("addressDetail", t("postalEmpty")), {
           validator: postalValidator,
-          message: t('postalEmpty')
+          message: t("postalEmpty")
         }]
       };
     });
-
-    var onSave = () => emit('save', data);
-
-    var onChangeDetail = val => {
+    const onSave = () => emit("save", data);
+    const onChangeDetail = (val) => {
       data.addressDetail = val;
-      emit('change-detail', val);
+      emit("change-detail", val);
     };
-
-    var onAreaConfirm = values => {
+    const onAreaConfirm = (values) => {
       values = values.filter(Boolean);
-
-      if (values.some(value => !value.code)) {
-        (0, _toast.Toast)(t('areaEmpty'));
+      if (values.some((value) => !value.code)) {
+        (0, import_toast.Toast)(t("areaEmpty"));
       } else {
         showAreaPopup.value = false;
         assignAreaValues();
-        emit('change-area', values);
+        emit("change-area", values);
       }
     };
-
-    var onDelete = () => emit('delete', data); // get values of area component
-
-
-    var getArea = () => {
-      var _areaRef$value;
-
-      return ((_areaRef$value = areaRef.value) == null ? void 0 : _areaRef$value.getValues()) || [];
-    }; // set area code to area component
-
-
-    var setAreaCode = code => {
-      data.areaCode = code || '';
-
+    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, _vue.nextTick)(assignAreaValues);
+        (0, import_vue2.nextTick)(assignAreaValues);
       }
     };
-
-    var onDetailBlur = () => {
-      // await for click search event
+    const onDetailBlur = () => {
       setTimeout(() => {
         detailFocused.value = false;
       });
     };
-
-    var setAddressDetail = value => {
+    const setAddressDetail = (value) => {
       data.addressDetail = value;
     };
-
-    var renderSetDefaultCell = () => {
+    const renderSetDefaultCell = () => {
       if (props.showSetDefault) {
-        var _slots = {
-          'right-icon': () => (0, _vue.createVNode)(_switch.Switch, {
+        const slots2 = {
+          "right-icon": () => (0, import_vue.createVNode)(import_switch.Switch, {
             "modelValue": data.isDefault,
-            "onUpdate:modelValue": $event => data.isDefault = $event,
+            "onUpdate:modelValue": ($event) => data.isDefault = $event,
             "size": "24",
-            "onChange": event => emit('change-default', event)
+            "onChange": (event) => emit("change-default", event)
           }, null)
         };
-        return (0, _vue.withDirectives)((0, _vue.createVNode)(_cell.Cell, {
+        return (0, import_vue.withDirectives)((0, import_vue.createVNode)(import_cell.Cell, {
           "center": true,
-          "title": t('defaultAddress'),
-          "class": bem('default')
-        }, _slots), [[_vue.vShow, !hideBottomFields.value]]);
+          "title": t("defaultAddress"),
+          "class": bem("default")
+        }, slots2), [[import_vue.vShow, !hideBottomFields.value]]);
       }
     };
-
-    (0, _useExpose.useExpose)({
+    (0, import_use_expose.useExpose)({
       getArea,
       setAreaCode,
       setAddressDetail
     });
-    (0, _vue.watch)(() => props.areaList, () => setAreaCode(data.areaCode));
-    (0, _vue.watch)(() => props.addressInfo, value => {
-      (0, _utils.extend)(data, DEFAULT_DATA, value);
+    (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);
     }, {
       deep: true,
       immediate: true
     });
     return () => {
-      var {
+      const {
         disableArea
       } = props;
-      return (0, _vue.createVNode)(_form.Form, {
+      return (0, import_vue.createVNode)(import_form.Form, {
         "class": bem(),
         "onSubmit": onSave
       }, {
-        default: () => [(0, _vue.createVNode)("div", {
-          "class": bem('fields')
-        }, [(0, _vue.createVNode)(_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, _vue.createVNode)(_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, _vue.withDirectives)((0, _vue.createVNode)(_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('click-area');
-            showAreaPopup.value = !disableArea;
-          }
-        }, null), [[_vue.vShow, props.showArea]]), (0, _vue.createVNode)(_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,
-          "onSelect-search": event => emit('select-search', event)
-        }, null), props.showPostal && (0, _vue.withDirectives)((0, _vue.createVNode)(_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), [[_vue.vShow, !hideBottomFields.value]]), slots.default == null ? void 0 : slots.default()]), renderSetDefaultCell(), (0, _vue.withDirectives)((0, _vue.createVNode)("div", {
-          "class": bem('buttons')
-        }, [(0, _vue.createVNode)(_button.Button, {
-          "block": true,
-          "round": true,
-          "type": "danger",
-          "text": props.saveButtonText || t('save'),
-          "class": bem('button'),
-          "loading": props.isSaving,
-          "nativeType": "submit"
-        }, null), props.showDelete && (0, _vue.createVNode)(_button.Button, {
-          "block": true,
-          "round": true,
-          "class": bem('button'),
-          "loading": props.isDeleting,
-          "text": props.deleteButtonText || t('delete'),
-          "onClick": onDelete
-        }, null)]), [[_vue.vShow, !hideBottomFields.value]]), (0, _vue.createVNode)(_popup.Popup, {
-          "show": showAreaPopup.value,
-          "onUpdate:show": $event => showAreaPopup.value = $event,
-          "round": true,
-          "teleport": "body",
-          "position": "bottom",
-          "lazyRender": false
-        }, {
-          default: () => [(0, _vue.createVNode)(_area.Area, {
-            "ref": areaRef,
-            "value": data.areaCode,
-            "loading": !areaListLoaded.value,
-            "areaList": props.areaList,
-            "columnsPlaceholder": props.areaColumnsPlaceholder,
-            "onConfirm": onAreaConfirm,
-            "onCancel": () => {
-              showAreaPopup.value = false;
+        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("click-area");
+              showAreaPopup.value = !disableArea;
             }
-          }, null)]
-        })]
+          }, 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,
+            "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", {
+            "class": bem("buttons")
+          }, [(0, import_vue.createVNode)(import_button.Button, {
+            "block": true,
+            "round": true,
+            "type": "danger",
+            "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, {
+              "ref": areaRef,
+              "value": data.areaCode,
+              "loading": !areaListLoaded.value,
+              "areaList": props.areaList,
+              "columnsPlaceholder": props.areaColumnsPlaceholder,
+              "onConfirm": onAreaConfirm,
+              "onCancel": () => {
+                showAreaPopup.value = false;
+              }
+            }, null)]
+          })];
+        }
       });
     };
   }
-
 });
-
-exports.default = _default;