vant 3.3.7 → 3.4.3

package/lib/area/Area.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
 declare const areaProps: {
     title: StringConstructor;
@@ -84,40 +84,48 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(code: string) => boolean>;
         default: (code: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    loading?: unknown;
-    readonly?: unknown;
-    allowHtml?: unknown;
-    itemHeight?: unknown;
-    showToolbar?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
-    cancelButtonText?: unknown;
-    confirmButtonText?: unknown;
-    value?: unknown;
-    columnsNum?: unknown;
-    columnsPlaceholder?: unknown;
-    areaList?: unknown;
-    isOverseaCode?: unknown;
-} & {
-    readonly: boolean;
-    loading: boolean;
-    allowHtml: boolean;
-    itemHeight: string | number;
-    showToolbar: boolean;
-    swipeDuration: string | number;
-    visibleItemCount: string | number;
-    columnsNum: string | number;
-    columnsPlaceholder: string[];
-    areaList: AreaList;
-    isOverseaCode: (code: string) => boolean;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleItemCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    title?: string | undefined;
-    value?: string | undefined;
-    cancelButtonText?: string | undefined;
-    confirmButtonText?: string | undefined;
-}> & {
+    value: StringConstructor;
+    columnsNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsPlaceholder: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+    isOverseaCode: {
+        type: PropType<(code: string) => boolean>;
+        default: (code: string) => boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;

package/lib/area/Area.js

@@ -1,34 +1,45 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _deepClone = require("../utils/deep-clone");
-
-var _utils = require("../utils");
-
-var _Picker = require("../picker/Picker");
-
-var _useExpose = require("../composables/use-expose");
-
-var _picker = require("../picker");
-
-// Utils
-// Composables
-// Components
-var [name, bem] = (0, _utils.createNamespace)('area');
-var EMPTY_CODE = '000000';
-var INHERIT_SLOTS = ['title', 'cancel', 'confirm', 'toolbar', 'columns-top', 'columns-bottom'];
-var INHERIT_PROPS = ['title', 'loading', 'readonly', 'itemHeight', 'swipeDuration', 'visibleItemCount', 'cancelButtonText', 'confirmButtonText'];
-
-var isOverseaCode = code => code[0] === '9';
-
-var areaProps = (0, _utils.extend)({}, _Picker.pickerSharedProps, {
+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_deep_clone = __toModule(require("../utils/deep-clone"));
+var import_utils = __toModule(require("../utils"));
+var import_Picker = __toModule(require("../picker/Picker"));
+var import_use_expose = __toModule(require("../composables/use-expose"));
+var import_picker = __toModule(require("../picker"));
+const [name, bem] = (0, import_utils.createNamespace)("area");
+const EMPTY_CODE = "000000";
+const INHERIT_SLOTS = ["title", "cancel", "confirm", "toolbar", "columns-top", "columns-bottom"];
+const INHERIT_PROPS = ["title", "loading", "readonly", "itemHeight", "swipeDuration", "visibleItemCount", "cancelButtonText", "confirmButtonText"];
+const isOverseaCode = (code) => code[0] === "9";
+const areaProps = (0, import_utils.extend)({}, import_Picker.pickerSharedProps, {
   value: String,
-  columnsNum: (0, _utils.makeNumericProp)(3),
-  columnsPlaceholder: (0, _utils.makeArrayProp)(),
+  columnsNum: (0, import_utils.makeNumericProp)(3),
+  columnsPlaceholder: (0, import_utils.makeArrayProp)(),
   areaList: {
     type: Object,
     default: () => ({})
@@ -38,19 +49,16 @@ var areaProps = (0, _utils.extend)({}, _Picker.pickerSharedProps, {
     default: isOverseaCode
   }
 });
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: areaProps,
-  emits: ['change', 'confirm', 'cancel'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var pickerRef = (0, _vue.ref)();
-    var state = (0, _vue.reactive)({
+  emits: ["change", "confirm", "cancel"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const pickerRef = (0, import_vue2.ref)();
+    const state = (0, import_vue2.reactive)({
       code: props.value,
       columns: [{
         values: []
@@ -60,254 +68,195 @@ var _default = (0, _vue.defineComponent)({
         values: []
       }]
     });
-    var areaList = (0, _vue.computed)(() => {
-      var {
-        areaList
+    const areaList = (0, import_vue2.computed)(() => {
+      const {
+        areaList: areaList2
       } = props;
       return {
-        province: areaList.province_list || {},
-        city: areaList.city_list || {},
-        county: areaList.county_list || {}
+        province: areaList2.province_list || {},
+        city: areaList2.city_list || {},
+        county: areaList2.county_list || {}
       };
     });
-    var placeholderMap = (0, _vue.computed)(() => {
-      var {
+    const placeholderMap = (0, import_vue2.computed)(() => {
+      const {
         columnsPlaceholder
       } = props;
       return {
-        province: columnsPlaceholder[0] || '',
-        city: columnsPlaceholder[1] || '',
-        county: columnsPlaceholder[2] || ''
+        province: columnsPlaceholder[0] || "",
+        city: columnsPlaceholder[1] || "",
+        county: columnsPlaceholder[2] || ""
       };
     });
-
-    var getDefaultCode = () => {
+    const getDefaultCode = () => {
       if (props.columnsPlaceholder.length) {
         return EMPTY_CODE;
       }
-
-      var {
+      const {
         county,
         city
       } = areaList.value;
-      var countyCodes = Object.keys(county);
-
+      const countyCodes = Object.keys(county);
       if (countyCodes[0]) {
         return countyCodes[0];
       }
-
-      var cityCodes = Object.keys(city);
-
+      const cityCodes = Object.keys(city);
       if (cityCodes[0]) {
         return cityCodes[0];
       }
-
-      return '';
+      return "";
     };
-
-    var getColumnValues = (type, code) => {
-      var column = [];
-
-      if (type !== 'province' && !code) {
+    const getColumnValues = (type, code) => {
+      let column = [];
+      if (type !== "province" && !code) {
         return column;
       }
-
-      var list = areaList.value[type];
-      column = Object.keys(list).map(listCode => ({
+      const list = areaList.value[type];
+      column = Object.keys(list).map((listCode) => ({
         code: listCode,
         name: list[listCode]
       }));
-
       if (code) {
-        // oversea code
-        if (type === 'city' && props.isOverseaCode(code)) {
-          code = '9';
+        if (type === "city" && props.isOverseaCode(code)) {
+          code = "9";
         }
-
-        column = column.filter(item => item.code.indexOf(code) === 0);
+        column = column.filter((item) => item.code.indexOf(code) === 0);
       }
-
       if (placeholderMap.value[type] && column.length) {
-        // set columns placeholder
-        var codeFill = '';
-
-        if (type === 'city') {
+        let codeFill = "";
+        if (type === "city") {
           codeFill = EMPTY_CODE.slice(2, 4);
-        } else if (type === 'county') {
+        } else if (type === "county") {
           codeFill = EMPTY_CODE.slice(4, 6);
         }
-
         column.unshift({
           code: code + codeFill,
           name: placeholderMap.value[type]
         });
       }
-
       return column;
-    }; // get index by code
-
-
-    var getIndex = (type, code) => {
-      var compareNum = code.length;
-
-      if (type === 'province') {
+    };
+    const getIndex = (type, code) => {
+      let compareNum = code.length;
+      if (type === "province") {
         compareNum = props.isOverseaCode(code) ? 1 : 2;
       }
-
-      if (type === 'city') {
+      if (type === "city") {
         compareNum = 4;
       }
-
       code = code.slice(0, compareNum);
-      var list = getColumnValues(type, compareNum > 2 ? code.slice(0, compareNum - 2) : '');
-
-      for (var i = 0; i < list.length; i++) {
+      const list = getColumnValues(type, compareNum > 2 ? code.slice(0, compareNum - 2) : "");
+      for (let i = 0; i < list.length; i++) {
         if (list[i].code.slice(0, compareNum) === code) {
           return i;
         }
       }
-
       return 0;
     };
-
-    var setValues = () => {
-      var code = state.code || getDefaultCode();
-      var picker = pickerRef.value;
-      var province = getColumnValues('province');
-      var city = getColumnValues('city', code.slice(0, 2));
-
+    const setValues = () => {
+      const picker = pickerRef.value;
       if (!picker) {
         return;
       }
-
+      let code = state.code || getDefaultCode();
+      const province = getColumnValues("province");
+      const city = getColumnValues("city", code.slice(0, 2));
       picker.setColumnValues(0, province);
       picker.setColumnValues(1, city);
-
-      if (city.length && code.slice(2, 4) === '00' && !props.isOverseaCode(code)) {
+      if (city.length && code.slice(2, 4) === "00" && !props.isOverseaCode(code)) {
         [{
           code
         }] = city;
       }
-
-      picker.setColumnValues(2, getColumnValues('county', code.slice(0, 4)));
-      picker.setIndexes([getIndex('province', code), getIndex('city', code), getIndex('county', code)]);
-    }; // parse output columns data
-
-
-    var parseValues = values => values.map((value, index) => {
+      picker.setColumnValues(2, getColumnValues("county", code.slice(0, 4)));
+      picker.setIndexes([getIndex("province", code), getIndex("city", code), getIndex("county", code)]);
+    };
+    const parseValues = (values) => values.map((value, index) => {
       if (value) {
-        value = (0, _deepClone.deepClone)(value);
-
+        value = (0, import_deep_clone.deepClone)(value);
         if (!value.code || value.name === props.columnsPlaceholder[index]) {
-          value.code = '';
-          value.name = '';
+          value.code = "";
+          value.name = "";
         }
       }
-
       return value;
     });
-
-    var getValues = () => {
+    const getValues = () => {
       if (pickerRef.value) {
-        var values = pickerRef.value.getValues().filter(Boolean);
+        const values = pickerRef.value.getValues().filter(Boolean);
         return parseValues(values);
       }
-
       return [];
     };
-
-    var getArea = () => {
-      var values = getValues();
-      var area = {
-        code: '',
-        country: '',
-        province: '',
-        city: '',
-        county: ''
+    const getArea = () => {
+      const values = getValues();
+      const area = {
+        code: "",
+        country: "",
+        province: "",
+        city: "",
+        county: ""
       };
-
       if (!values.length) {
         return area;
       }
-
-      var names = values.map(item => item.name);
-      var validValues = values.filter(value => value.code);
-      area.code = validValues.length ? validValues[validValues.length - 1].code : '';
-
+      const names = values.map((item) => item.name);
+      const validValues = values.filter((value) => value.code);
+      area.code = validValues.length ? validValues[validValues.length - 1].code : "";
       if (props.isOverseaCode(area.code)) {
-        area.country = names[1] || '';
-        area.province = names[2] || '';
+        area.country = names[1] || "";
+        area.province = names[2] || "";
       } else {
-        area.province = names[0] || '';
-        area.city = names[1] || '';
-        area.county = names[2] || '';
+        area.province = names[0] || "";
+        area.city = names[1] || "";
+        area.county = names[2] || "";
       }
-
       return area;
     };
-
-    var reset = function (newCode) {
-      if (newCode === void 0) {
-        newCode = '';
-      }
-
+    const reset = (newCode = "") => {
       state.code = newCode;
       setValues();
     };
-
-    var onChange = (values, index) => {
+    const onChange = (values, index) => {
       state.code = values[index].code;
       setValues();
-
       if (pickerRef.value) {
-        var parsedValues = parseValues(pickerRef.value.getValues());
-        emit('change', parsedValues, index);
+        const parsedValues = parseValues(pickerRef.value.getValues());
+        emit("change", parsedValues, index);
       }
     };
-
-    var onConfirm = (values, index) => {
+    const onConfirm = (values, index) => {
       setValues();
-      emit('confirm', parseValues(values), index);
-    };
-
-    var onCancel = function () {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-
-      return emit('cancel', ...args);
+      emit("confirm", parseValues(values), index);
     };
-
-    (0, _vue.onMounted)(setValues);
-    (0, _vue.watch)(() => props.value, value => {
+    const onCancel = (...args) => emit("cancel", ...args);
+    (0, import_vue2.onMounted)(setValues);
+    (0, import_vue2.watch)(() => props.value, (value) => {
       state.code = value;
       setValues();
     });
-    (0, _vue.watch)(() => props.areaList, setValues, {
+    (0, import_vue2.watch)(() => props.areaList, setValues, {
       deep: true
     });
-    (0, _vue.watch)(() => props.columnsNum, () => (0, _vue.nextTick)(setValues));
-    (0, _useExpose.useExpose)({
+    (0, import_vue2.watch)(() => props.columnsNum, () => (0, import_vue2.nextTick)(setValues));
+    (0, import_use_expose.useExpose)({
       reset,
       getArea,
       getValues
     });
     return () => {
-      var columns = state.columns.slice(0, +props.columnsNum);
-      return (0, _vue.createVNode)(_picker.Picker, (0, _vue.mergeProps)({
+      const columns = state.columns.slice(0, +props.columnsNum);
+      return (0, import_vue.createVNode)(import_picker.Picker, (0, import_vue.mergeProps)({
         "ref": pickerRef,
         "class": bem(),
         "columns": columns,
         "columnsFieldNames": {
-          text: 'name'
+          text: "name"
         },
         "onChange": onChange,
         "onCancel": onCancel,
         "onConfirm": onConfirm
-      }, (0, _utils.pick)(props, INHERIT_PROPS)), (0, _utils.pick)(slots, INHERIT_SLOTS));
+      }, (0, import_utils.pick)(props, INHERIT_PROPS)), (0, import_utils.pick)(slots, INHERIT_SLOTS));
     };
   }
-
 });
-
-exports.default = _default;

package/lib/area/index.d.ts

@@ -39,40 +39,48 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<(code: string) => boolean>;
         default: (code: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    loading?: unknown;
-    readonly?: unknown;
-    allowHtml?: unknown;
-    itemHeight?: unknown;
-    showToolbar?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
-    cancelButtonText?: unknown;
-    confirmButtonText?: unknown;
-    value?: unknown;
-    columnsNum?: unknown;
-    columnsPlaceholder?: unknown;
-    areaList?: unknown;
-    isOverseaCode?: unknown;
-} & {
-    readonly: boolean;
-    loading: boolean;
-    allowHtml: boolean;
-    itemHeight: string | number;
-    showToolbar: boolean;
-    swipeDuration: string | number;
-    visibleItemCount: string | number;
-    columnsNum: string | number;
-    columnsPlaceholder: string[];
-    areaList: import("./types").AreaList;
-    isOverseaCode: (code: string) => boolean;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleItemCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    title?: string | undefined;
-    value?: string | undefined;
-    cancelButtonText?: string | undefined;
-    confirmButtonText?: string | undefined;
-}> & {
+    value: StringConstructor;
+    columnsNum: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    columnsPlaceholder: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
+    areaList: {
+        type: import("vue").PropType<import("./types").AreaList>;
+        default: () => {};
+    };
+    isOverseaCode: {
+        type: import("vue").PropType<(code: string) => boolean>;
+        default: (code: string) => boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
@@ -92,3 +100,8 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
 export default Area;
 export type { AreaProps } from './Area';
 export type { AreaList, AreaInstance, AreaColumnOption } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanArea: typeof Area;
+    }
+}