vant 3.2.1 → 3.2.5

package/es/address-edit/AddressEdit.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, reactive, defineComponent } from 'vue'; // Utils
 
-import { extend, isObject, isMobile, truthProp, createNamespace } from '../utils'; // Composables
+import { extend, isObject, isMobile, truthProp, numericProp, makeArrayProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -29,9 +29,7 @@ var DEFAULT_DATA = {
   addressDetail: ''
 };
 
-function isPostal(value) {
-  return /^\d{6}$/.test(value);
-}
+var isPostal = value => /^\d{6}$/.test(value);
 
 var props = {
   areaList: Object,
@@ -44,20 +42,15 @@ var props = {
   showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
-  telMaxlength: [Number, String],
+  telMaxlength: numericProp,
   showSetDefault: Boolean,
   saveButtonText: String,
   areaPlaceholder: String,
   deleteButtonText: String,
   showSearchResult: Boolean,
-  detailRows: {
-    type: [Number, String],
-    default: 1
-  },
-  detailMaxlength: {
-    type: [Number, String],
-    default: 200
-  },
+  detailRows: makeNumericProp(1),
+  detailMaxlength: makeNumericProp(200),
+  areaColumnsPlaceholder: makeArrayProp(),
   addressInfo: {
     type: Object,
     default: () => extend({}, DEFAULT_DATA)
@@ -69,10 +62,6 @@ var props = {
   postalValidator: {
     type: Function,
     default: isPostal
-  },
-  areaColumnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 };
 export default defineComponent({
@@ -297,7 +286,7 @@ export default defineComponent({
         "onUpdate:modelValue": $event => data.name = $event,
         "clearable": true,
         "label": t('name'),
-        "placeholder": t('namePlaceholder'),
+        "placeholder": t('name'),
         "errorMessage": errorInfo.name,
         "onFocus": () => onFocus('name')
       }, null), _createVNode(Field, {
@@ -307,7 +296,7 @@ export default defineComponent({
         "type": "tel",
         "label": t('tel'),
         "maxlength": props.telMaxlength,
-        "placeholder": t('telPlaceholder'),
+        "placeholder": t('tel'),
         "errorMessage": errorInfo.tel,
         "onFocus": () => onFocus('tel')
       }, null), _withDirectives(_createVNode(Field, {
@@ -315,7 +304,7 @@ export default defineComponent({
         "label": t('area'),
         "is-link": !disableArea,
         "modelValue": areaText.value,
-        "placeholder": props.areaPlaceholder || t('areaPlaceholder'),
+        "placeholder": props.areaPlaceholder || t('area'),
         "errorMessage": errorInfo.areaCode,
         "onFocus": () => onFocus('areaCode'),
         "onClick": () => {

package/es/address-edit/AddressEditDetail.js

@@ -1,23 +1,22 @@
 import { mergeProps as _mergeProps, Fragment as _Fragment, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, defineComponent } from 'vue'; // Utils
 
-import { isAndroid, createNamespace } from '../utils'; // Components
+import { createNamespace, numericProp } from '../utils'; // Components
 
 import { Cell } from '../cell';
 import { Field } from '../field'; // Types
 
 var [name, bem, t] = createNamespace('address-edit-detail');
-var android = isAndroid();
 export default defineComponent({
   name,
   props: {
     show: Boolean,
     value: String,
     focused: Boolean,
-    detailRows: [Number, String],
+    detailRows: numericProp,
     searchResult: Array,
     errorMessage: String,
-    detailMaxlength: [Number, String],
+    detailMaxlength: numericProp,
     showSearchResult: Boolean
   },
   emits: ['blur', 'focus', 'input', 'select-search'],
@@ -34,19 +33,6 @@ export default defineComponent({
       emit('input', ((express.address || '') + " " + (express.name || '')).trim());
     };
 
-    var onFinish = () => {
-      field.value.blur();
-    };
-
-    var renderFinish = () => {
-      if (props.value && props.focused && android) {
-        return _createVNode("div", {
-          "class": bem('finish'),
-          "onClick": onFinish
-        }, [t('complete')]);
-      }
-    };
-
     var renderSearchTitle = express => {
       if (express.name) {
         var text = express.name.replace(props.value, "<span class=" + bem('keyword') + ">" + props.value + "</span>");
@@ -87,13 +73,13 @@ export default defineComponent({
       if (props.show) {
         return _createVNode(_Fragment, null, [_createVNode(Field, _mergeProps({
           "autosize": true,
+          "clearable": true,
           "ref": field,
           "class": bem(),
           "rows": props.detailRows,
           "type": "textarea",
           "label": t('label'),
           "border": !showSearchResult(),
-          "clearable": !android,
           "maxlength": props.detailMaxlength,
           "modelValue": props.value,
           "placeholder": t('placeholder'),
@@ -102,9 +88,7 @@ export default defineComponent({
           "onFocus": onFocus
         }, {
           'onUpdate:modelValue': onInput
-        }), {
-          icon: renderFinish
-        }), renderSearchResult()]);
+        }), null), renderSearchResult()]);
       }
     };
   }

package/es/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-contact-edit-button-font-size:var(--van-font-size-lg);--van-address-edit-detail-finish-color:var(--van-primary-color);--van-address-edit-detail-finish-font-size:var(--van-font-size-sm)}.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-color:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}.van-address-edit-detail__finish{color:var(--van-address-edit-detail-finish-color);font-size:var(--van-address-edit-detail-finish-font-size)}
+: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-contact-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-color:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}

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

@@ -1,4 +1,5 @@
-declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { AddressEditProps } from './AddressEdit';
+export declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -29,6 +30,10 @@ declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    areaColumnsPlaceholder: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
     addressInfo: {
         type: import("vue").PropType<Partial<import("./types").AddressEditInfo>>;
         default: () => import("./types").AddressEditInfo;
@@ -41,10 +46,6 @@ declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-    areaColumnsPlaceholder: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "cancel-delete" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     areaList?: unknown;
     isSaving?: unknown;
@@ -64,10 +65,10 @@ declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineCo
     showSearchResult?: unknown;
     detailRows?: unknown;
     detailMaxlength?: unknown;
+    areaColumnsPlaceholder?: unknown;
     addressInfo?: unknown;
     telValidator?: unknown;
     postalValidator?: unknown;
-    areaColumnsPlaceholder?: unknown;
 } & {
     isSaving: boolean;
     isDeleting: boolean;
@@ -80,10 +81,10 @@ declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineCo
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 } & {
     areaList?: import("..").AreaList | undefined;
     validator?: ((key: string, value: string) => string | undefined) | undefined;
@@ -114,11 +115,11 @@ declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineCo
     showSearchResult: boolean;
     detailRows: string | number;
     detailMaxlength: string | number;
+    areaColumnsPlaceholder: string[];
     addressInfo: Partial<import("./types").AddressEditInfo>;
     telValidator: (val: string) => boolean;
     postalValidator: (val: string) => boolean;
-    areaColumnsPlaceholder: string[];
 }>>;
 export default AddressEdit;
-export { AddressEdit };
+export type { AddressEditProps };
 export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';

package/es/address-edit/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _AddressEdit from './AddressEdit';
-var AddressEdit = withInstall(_AddressEdit);
-export default AddressEdit;
-export { AddressEdit };
+export var AddressEdit = withInstall(_AddressEdit);
+export default AddressEdit;

package/es/address-edit/index.less

@@ -5,8 +5,6 @@
   --van-address-edit-buttons-padding: @address-edit-buttons-padding;
   --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
   --van-contact-edit-button-font-size: @address-edit-button-font-size;
-  --van-address-edit-detail-finish-color: @address-edit-detail-finish-color;
-  --van-address-edit-detail-finish-font-size: @address-edit-detail-finish-font-size;
 }
 
 .van-address-edit {
@@ -44,10 +42,5 @@
     &__keyword {
       color: var(--van-danger-color);
     }
-
-    &__finish {
-      color: var(--van-address-edit-detail-finish-color);
-      font-size: var(--van-address-edit-detail-finish-font-size);
-    }
   }
 }

package/es/address-edit/var.less

@@ -4,5 +4,3 @@
 @address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
 @address-edit-button-margin-bottom: var(--van-padding-sm);
 @address-edit-button-font-size: var(--van-font-size-lg);
-@address-edit-detail-finish-color: var(--van-primary-color);
-@address-edit-detail-finish-font-size: var(--van-font-size-sm);

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

@@ -1,30 +1,29 @@
-import { PropType } from 'vue';
 import { AddressListAddress } from './AddressListItem';
 declare const _default: import("vue").DefineComponent<{
+    list: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
     modelValue: (NumberConstructor | StringConstructor)[];
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
-    addButtonText: StringConstructor;
-    defaultTagText: StringConstructor;
-    list: {
-        type: PropType<AddressListAddress[]>;
-        default: () => never[];
-    };
     disabledList: {
-        type: PropType<AddressListAddress[]>;
+        type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
+    list?: unknown;
     modelValue?: unknown;
     switchable?: unknown;
     disabledText?: unknown;
+    disabledList?: unknown;
     addButtonText?: unknown;
     defaultTagText?: unknown;
-    list?: unknown;
-    disabledList?: unknown;
 } & {
     switchable: boolean;
     list: AddressListAddress[];

package/es/address-list/AddressList.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { truthProp, createNamespace } from '../utils'; // Components
+import { truthProp, numericProp, makeArrayProp, createNamespace } from '../utils'; // Components
 
 import { Button } from '../button';
 import { RadioGroup } from '../radio-group';
@@ -10,19 +10,13 @@ var [name, bem, t] = createNamespace('address-list');
 export default defineComponent({
   name,
   props: {
-    modelValue: [Number, String],
+    list: makeArrayProp(),
+    modelValue: numericProp,
     switchable: truthProp,
     disabledText: String,
+    disabledList: makeArrayProp(),
     addButtonText: String,
-    defaultTagText: String,
-    list: {
-      type: Array,
-      default: () => []
-    },
-    disabledList: {
-      type: Array,
-      default: () => []
-    }
+    defaultTagText: String
   },
   emits: ['add', 'edit', 'select', 'click-item', 'edit-disabled', 'select-disabled', 'update:modelValue'],
 

package/es/address-list/AddressListItem.d.ts

@@ -7,18 +7,18 @@ export declare type AddressListAddress = {
     isDefault?: boolean;
 };
 declare const _default: import("vue").DefineComponent<{
-    disabled: BooleanConstructor;
-    switchable: BooleanConstructor;
-    defaultTagText: StringConstructor;
     address: {
         type: PropType<AddressListAddress>;
         required: true;
     };
+    disabled: BooleanConstructor;
+    switchable: BooleanConstructor;
+    defaultTagText: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "edit")[], "select" | "click" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    address?: unknown;
     disabled?: unknown;
     switchable?: unknown;
     defaultTagText?: unknown;
-    address?: unknown;
 } & {
     address: AddressListAddress;
     disabled: boolean;

package/es/address-list/AddressListItem.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue'; // Utils
 
-import { createNamespace, extend } from '../utils'; // Components
+import { createNamespace, extend, makeRequiredProp } from '../utils'; // Components
 
 import { Tag } from '../tag';
 import { Icon } from '../icon';
@@ -11,13 +11,10 @@ var [name, bem] = createNamespace('address-item');
 export default defineComponent({
   name,
   props: {
+    address: makeRequiredProp(Object),
     disabled: Boolean,
     switchable: Boolean,
-    defaultTagText: String,
-    address: {
-      type: Object,
-      required: true
-    }
+    defaultTagText: String
   },
   emits: ['edit', 'click', 'select'],
 

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

@@ -1,28 +1,28 @@
-declare const AddressList: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const AddressList: import("../utils").WithInstall<import("vue").DefineComponent<{
+    list: {
+        type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
+        default: () => never[];
+    };
     modelValue: (NumberConstructor | StringConstructor)[];
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
-    addButtonText: StringConstructor;
-    defaultTagText: StringConstructor;
-    list: {
-        type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
-        default: () => never[];
-    };
     disabledList: {
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
+    list?: unknown;
     modelValue?: unknown;
     switchable?: unknown;
     disabledText?: unknown;
+    disabledList?: unknown;
     addButtonText?: unknown;
     defaultTagText?: unknown;
-    list?: unknown;
-    disabledList?: unknown;
 } & {
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];
@@ -46,5 +46,4 @@ declare const AddressList: import("../utils").WithInstall<import("vue").DefineCo
     disabledList: import("./AddressListItem").AddressListAddress[];
 }>>;
 export default AddressList;
-export { AddressList };
 export type { AddressListAddress } from './AddressListItem';

package/es/address-list/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _AddressList from './AddressList';
-var AddressList = withInstall(_AddressList);
-export default AddressList;
-export { AddressList };
+export var AddressList = withInstall(_AddressList);
+export default AddressList;

package/es/area/Area.d.ts

@@ -1,18 +1,19 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
-declare function isOverseaCode(code: string): boolean;
 declare const props: {
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -20,28 +21,26 @@ declare const props: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
     value: StringConstructor;
-    areaList: {
-        type: PropType<AreaList>;
-        default: () => {};
-    };
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    isOverseaCode: {
-        type: PropType<(code: string) => boolean>;
-        default: typeof isOverseaCode;
-    };
     columnsPlaceholder: {
         type: PropType<string[]>;
         default: () => never[];
     };
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+    isOverseaCode: {
+        type: PropType<(code: string) => boolean>;
+        default: (code: string) => boolean;
+    };
 };
 export declare type AreaProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
@@ -49,13 +48,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -63,56 +64,54 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
     value: StringConstructor;
-    areaList: {
-        type: PropType<AreaList>;
-        default: () => {};
-    };
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    isOverseaCode: {
-        type: PropType<(code: string) => boolean>;
-        default: typeof isOverseaCode;
-    };
     columnsPlaceholder: {
         type: PropType<string[]>;
         default: () => never[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "change" | "confirm")[], "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    areaList: {
+        type: PropType<AreaList>;
+        default: () => {};
+    };
+    isOverseaCode: {
+        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;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
     value?: unknown;
-    areaList?: unknown;
     columnsNum?: unknown;
-    isOverseaCode?: unknown;
     columnsPlaceholder?: unknown;
+    areaList?: unknown;
+    isOverseaCode?: unknown;
 } & {
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    areaList: AreaList;
+    visibleItemCount: string | number;
     columnsNum: string | number;
-    isOverseaCode: (code: string) => boolean;
     columnsPlaceholder: string[];
+    areaList: AreaList;
+    isOverseaCode: (code: string) => boolean;
 } & {
     title?: string | undefined;
     value?: string | undefined;
@@ -126,13 +125,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    areaList: AreaList;
+    visibleItemCount: string | number;
     columnsNum: string | number;
-    isOverseaCode: (code: string) => boolean;
     columnsPlaceholder: string[];
+    areaList: AreaList;
+    isOverseaCode: (code: string) => boolean;
 }>;
 export default _default;

package/es/area/Area.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, reactive, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { deepClone } from '../utils/deep-clone';
-import { pick, createNamespace, extend } from '../utils';
+import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from '../utils';
 import { pickerProps } from '../picker/Picker'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
@@ -14,27 +14,19 @@ 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'];
 
-function isOverseaCode(code) {
-  return code[0] === '9';
-}
+var isOverseaCode = code => code[0] === '9';
 
 var props = extend({}, pickerProps, {
   value: String,
+  columnsNum: makeNumericProp(3),
+  columnsPlaceholder: makeArrayProp(),
   areaList: {
     type: Object,
     default: () => ({})
   },
-  columnsNum: {
-    type: [Number, String],
-    default: 3
-  },
   isOverseaCode: {
     type: Function,
     default: isOverseaCode
-  },
-  columnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 });
 export default defineComponent({
@@ -251,8 +243,11 @@ export default defineComponent({
     var onChange = (values, index) => {
       state.code = values[index].code;
       setValues();
-      var parsedValues = parseValues(pickerRef.value.getValues());
-      emit('change', parsedValues, index);
+
+      if (pickerRef.value) {
+        var parsedValues = parseValues(pickerRef.value.getValues());
+        emit('change', parsedValues, index);
+      }
     };
 
     var onConfirm = (values, index) => {