vant 4.0.0-alpha.2 → 4.0.0-beta.0

package/es/address-edit/AddressEdit.js

@@ -1,288 +0,0 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, computed, nextTick, reactive, defineComponent } from "vue";
-import { extend, isObject, isMobile, truthProp, numericProp, makeArrayProp, makeNumericProp, createNamespace } from "../utils";
-import { useExpose } from "../composables/use-expose";
-import { Area } from "../area";
-import { Cell } from "../cell";
-import { Form } from "../form";
-import { Field } from "../field";
-import { Popup } from "../popup";
-import { Toast } from "../toast";
-import { Button } from "../button";
-import { Switch } from "../switch";
-import AddressEditDetail from "./AddressEditDetail";
-import { AREA_EMPTY_CODE } from "../area/utils";
-const [name, bem, t] = 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: truthProp,
-  showDetail: truthProp,
-  showDelete: Boolean,
-  disableArea: Boolean,
-  searchResult: Array,
-  telMaxlength: numericProp,
-  showSetDefault: Boolean,
-  saveButtonText: String,
-  areaPlaceholder: String,
-  deleteButtonText: String,
-  showSearchResult: Boolean,
-  detailRows: makeNumericProp(1),
-  detailMaxlength: makeNumericProp(200),
-  areaColumnsPlaceholder: makeArrayProp(),
-  addressInfo: {
-    type: Object,
-    default: () => extend({}, DEFAULT_DATA)
-  },
-  telValidator: {
-    type: Function,
-    default: isMobile
-  }
-};
-var stdin_default = defineComponent({
-  name,
-  props: addressEditProps,
-  emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const areaRef = ref();
-    const data = reactive({});
-    const showAreaPopup = ref(false);
-    const detailFocused = ref(false);
-    const areaListLoaded = computed(() => isObject(props.areaList) && Object.keys(props.areaList).length);
-    const areaText = 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 = 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 = 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 === AREA_EMPTY_CODE)) {
-        Toast(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": () => _createVNode(Switch, {
-            "modelValue": data.isDefault,
-            "onUpdate:modelValue": ($event) => data.isDefault = $event,
-            "onChange": (event) => emit("changeDefault", event)
-          }, null)
-        };
-        return _withDirectives(_createVNode(Cell, {
-          "center": true,
-          "title": t("defaultAddress"),
-          "class": bem("default")
-        }, slots2), [[_vShow, !hideBottomFields.value]]);
-      }
-    };
-    useExpose({
-      setAreaCode,
-      setAddressDetail
-    });
-    watch(() => props.addressInfo, (value) => {
-      extend(data, DEFAULT_DATA, value);
-      nextTick(() => {
-        var _a;
-        const options = (_a = areaRef.value) == null ? void 0 : _a.getSelectedOptions();
-        if (options && options.every((option) => option && option.value !== AREA_EMPTY_CODE)) {
-          assignAreaText(options);
-        }
-      });
-    }, {
-      deep: true,
-      immediate: true
-    });
-    return () => {
-      const {
-        disableArea
-      } = props;
-      return _createVNode(Form, {
-        "class": bem(),
-        "onSubmit": onSave
-      }, {
-        default: () => {
-          var _a;
-          return [_createVNode("div", {
-            "class": bem("fields")
-          }, [_createVNode(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), _createVNode(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), _withDirectives(_createVNode(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), [[_vShow, props.showArea]]), _createVNode(AddressEditDetail, {
-            "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(), _withDirectives(_createVNode("div", {
-            "class": bem("buttons")
-          }, [_createVNode(Button, {
-            "block": true,
-            "round": true,
-            "type": "primary",
-            "text": props.saveButtonText || t("save"),
-            "class": bem("button"),
-            "loading": props.isSaving,
-            "nativeType": "submit"
-          }, null), props.showDelete && _createVNode(Button, {
-            "block": true,
-            "round": true,
-            "class": bem("button"),
-            "loading": props.isDeleting,
-            "text": props.deleteButtonText || t("delete"),
-            "onClick": onDelete
-          }, null)]), [[_vShow, !hideBottomFields.value]]), _createVNode(Popup, {
-            "show": showAreaPopup.value,
-            "onUpdate:show": ($event) => showAreaPopup.value = $event,
-            "round": true,
-            "teleport": "body",
-            "position": "bottom",
-            "lazyRender": false
-          }, {
-            default: () => [_createVNode(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)]
-          })];
-        }
-      });
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/address-edit/AddressEditDetail.js

@@ -1,76 +0,0 @@
-import { Fragment as _Fragment, createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
-import { createNamespace, numericProp } from "../utils";
-import { Cell } from "../cell";
-import { Field } from "../field";
-const [name, bem] = createNamespace("address-edit-detail");
-const t = createNamespace("address-edit")[2];
-var stdin_default = defineComponent({
-  name,
-  props: {
-    show: Boolean,
-    rows: numericProp,
-    value: String,
-    rules: Array,
-    focused: Boolean,
-    maxlength: numericProp,
-    searchResult: Array,
-    showSearchResult: Boolean
-  },
-  emits: ["blur", "focus", "input", "selectSearch"],
-  setup(props, {
-    emit
-  }) {
-    const field = 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) => _createVNode(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 _createVNode(_Fragment, null, [_createVNode(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()]);
-      }
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/address-edit/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _AddressEdit from "./AddressEdit";
-const AddressEdit = withInstall(_AddressEdit);
-var stdin_default = AddressEdit;
-export {
-  AddressEdit,
-  stdin_default as default
-};

package/es/address-edit/index.less

@@ -1,39 +0,0 @@
-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);
-
-  &__fields {
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-
-    .van-field__label {
-      width: 4.1em;
-    }
-  }
-
-  &__default {
-    margin-top: var(--van-padding-sm);
-    overflow: hidden;
-    border-radius: var(--van-padding-xs);
-  }
-
-  &__buttons {
-    padding: var(--van-address-edit-buttons-padding);
-  }
-
-  &__button {
-    margin-bottom: var(--van-address-edit-button-margin-bottom);
-    font-size: var(--van-address-edit-button-font-size);
-  }
-
-  &-detail__search-item {
-    background: var(--van-gray-2);
-  }
-}

package/es/address-edit/style/less.d.ts

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

package/es/address-edit/style/less.js

@@ -1,13 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../field/index.less";
-import "../../loading/index.less";
-import "../../switch/index.less";
-import "../../picker/index.less";
-import "../../button/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../../toast/index.less";
-import "../index.less";

package/es/address-list/AddressList.js

@@ -1,82 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { truthProp, numericProp, makeArrayProp, createNamespace } from "../utils";
-import { Button } from "../button";
-import { RadioGroup } from "../radio-group";
-import AddressListItem from "./AddressListItem";
-const [name, bem, t] = createNamespace("address-list");
-const addressListProps = {
-  list: makeArrayProp(),
-  modelValue: numericProp,
-  switchable: truthProp,
-  disabledText: String,
-  disabledList: makeArrayProp(),
-  addButtonText: String,
-  defaultTagText: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: addressListProps,
-  emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const renderItem = (item, index, disabled) => {
-      const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
-      const onClick = () => emit("clickItem", item, index);
-      const onSelect = () => {
-        emit(disabled ? "selectDisabled" : "select", item, index);
-        if (!disabled) {
-          emit("update:modelValue", item.id);
-        }
-      };
-      return _createVNode(AddressListItem, {
-        "key": item.id,
-        "address": item,
-        "disabled": disabled,
-        "switchable": props.switchable,
-        "defaultTagText": props.defaultTagText,
-        "onEdit": onEdit,
-        "onClick": onClick,
-        "onSelect": onSelect
-      }, {
-        bottom: slots["item-bottom"],
-        tag: slots.tag
-      });
-    };
-    const renderList = (list, disabled) => {
-      if (list) {
-        return list.map((item, index) => renderItem(item, index, disabled));
-      }
-    };
-    const renderBottom = () => _createVNode("div", {
-      "class": [bem("bottom"), "van-safe-area-bottom"]
-    }, [_createVNode(Button, {
-      "round": true,
-      "block": true,
-      "type": "primary",
-      "text": props.addButtonText || t("add"),
-      "class": bem("add"),
-      "onClick": () => emit("add")
-    }, null)]);
-    return () => {
-      var _a, _b;
-      const List = renderList(props.list);
-      const DisabledList = renderList(props.disabledList, true);
-      const DisabledText = props.disabledText && _createVNode("div", {
-        "class": bem("disabled-text")
-      }, [props.disabledText]);
-      return _createVNode("div", {
-        "class": bem()
-      }, [(_a = slots.top) == null ? void 0 : _a.call(slots), _createVNode(RadioGroup, {
-        "modelValue": props.modelValue
-      }, {
-        default: () => [List]
-      }), DisabledText, DisabledList, (_b = slots.default) == null ? void 0 : _b.call(slots), renderBottom()]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/address-list/AddressListItem.js

@@ -1,96 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { extend, createNamespace, makeRequiredProp } from "../utils";
-import { Tag } from "../tag";
-import { Icon } from "../icon";
-import { Cell } from "../cell";
-import { Radio } from "../radio";
-const [name, bem] = createNamespace("address-item");
-var stdin_default = defineComponent({
-  name,
-  props: {
-    address: makeRequiredProp(Object),
-    disabled: Boolean,
-    switchable: Boolean,
-    defaultTagText: String
-  },
-  emits: ["edit", "click", "select"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const onClick = () => {
-      if (props.switchable) {
-        emit("select");
-      }
-      emit("click");
-    };
-    const renderRightIcon = () => _createVNode(Icon, {
-      "name": "edit",
-      "class": bem("edit"),
-      "onClick": (event) => {
-        event.stopPropagation();
-        emit("edit");
-        emit("click");
-      }
-    }, null);
-    const renderTag = () => {
-      if (slots.tag) {
-        return slots.tag(props.address);
-      }
-      if (props.address.isDefault && props.defaultTagText) {
-        return _createVNode(Tag, {
-          "type": "primary",
-          "round": true,
-          "class": bem("tag")
-        }, {
-          default: () => [props.defaultTagText]
-        });
-      }
-    };
-    const renderContent = () => {
-      const {
-        address,
-        disabled,
-        switchable
-      } = props;
-      const Info = [_createVNode("div", {
-        "class": bem("name")
-      }, [`${address.name} ${address.tel}`, renderTag()]), _createVNode("div", {
-        "class": bem("address")
-      }, [address.address])];
-      if (switchable && !disabled) {
-        return _createVNode(Radio, {
-          "name": address.id,
-          "iconSize": 18
-        }, {
-          default: () => [Info]
-        });
-      }
-      return Info;
-    };
-    return () => {
-      var _a;
-      const {
-        disabled
-      } = props;
-      return _createVNode("div", {
-        "class": bem({
-          disabled
-        }),
-        "onClick": onClick
-      }, [_createVNode(Cell, {
-        "border": false,
-        "titleClass": bem("title")
-      }, {
-        title: renderContent,
-        "right-icon": renderRightIcon
-      }), (_a = slots.bottom) == null ? void 0 : _a.call(slots, extend({}, props.address, {
-        disabled
-      }))]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/address-list/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _AddressList from "./AddressList";
-const AddressList = withInstall(_AddressList);
-var stdin_default = AddressList;
-export {
-  AddressList,
-  stdin_default as default
-};