vant 3.2.3 → 3.2.7

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

@@ -1,30 +1,49 @@
-import { PropType } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import { AddressListAddress } from './AddressListItem';
-declare const _default: import("vue").DefineComponent<{
+declare const addressListProps: {
+    list: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
     modelValue: (NumberConstructor | StringConstructor)[];
     switchable: {
         type: BooleanConstructor;
         default: true;
     };
     disabledText: StringConstructor;
+    disabledList: {
+        type: import("vue").PropType<AddressListAddress[]>;
+        default: () => never[];
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
+};
+export declare type AddressListProps = ExtractPropTypes<typeof addressListProps>;
+declare const _default: import("vue").DefineComponent<{
     list: {
-        type: PropType<AddressListAddress[]>;
+        type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    modelValue: (NumberConstructor | StringConstructor)[];
+    switchable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabledText: StringConstructor;
     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/lib/address-list/AddressList.js

@@ -18,41 +18,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('address-list');
+var addressListProps = {
+  list: (0, _utils.makeArrayProp)(),
+  modelValue: _utils.numericProp,
+  switchable: _utils.truthProp,
+  disabledText: String,
+  disabledList: (0, _utils.makeArrayProp)(),
+  addButtonText: String,
+  defaultTagText: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    modelValue: [Number, String],
-    switchable: _utils.truthProp,
-    disabledText: String,
-    addButtonText: String,
-    defaultTagText: String,
-    list: {
-      type: Array,
-      default: () => []
-    },
-    disabledList: {
-      type: Array,
-      default: () => []
-    }
-  },
+  props: addressListProps,
   emits: ['add', 'edit', 'select', 'click-item', 'edit-disabled', 'select-disabled', 'update:modelValue'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderItem = (item, index, disabled) => {
-      var onEdit = () => {
-        var name = disabled ? 'edit-disabled' : 'edit';
-        emit(name, item, index);
-      };
+      var onEdit = () => emit(disabled ? 'edit-disabled' : 'edit', item, index);
 
       var onClick = () => emit('click-item', item, index);
 
       var onSelect = () => {
-        var name = disabled ? 'select-disabled' : 'select';
-        emit(name, item, index);
+        emit(disabled ? 'select-disabled' : 'select', item, index);
 
         if (!disabled) {
           emit('update:modelValue', item.id);

package/lib/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/lib/address-list/AddressListItem.js

@@ -22,20 +22,19 @@ var [name, bem] = (0, _utils.createNamespace)('address-item');
 var _default = (0, _vue.defineComponent)({
   name,
   props: {
+    address: (0, _utils.makeRequiredProp)(Object),
     disabled: Boolean,
     switchable: Boolean,
-    defaultTagText: String,
-    address: {
-      type: Object,
-      required: true
-    }
+    defaultTagText: String
   },
   emits: ['edit', 'click', 'select'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var onClick = () => {
       if (props.switchable) {
         emit('select');

package/lib/address-list/index.css

@@ -1 +1 @@
-:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-gray-6);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-gray-5);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-white)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-white);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}
+:root{--van-address-list-padding:var(--van-padding-sm) var(--van-padding-sm) 80px;--van-address-list-disabled-text-color:var(--van-text-color-2);--van-address-list-disabled-text-padding:calc(var(--van-padding-base) * 5) 0 var(--van-padding-md);--van-address-list-disabled-text-font-size:var(--van-font-size-md);--van-address-list-disabled-text-line-height:var(--van-line-height-md);--van-address-list-add-button-z-index:999;--van-address-list-item-padding:var(--van-padding-sm);--van-address-list-item-text-color:var(--van-text-color);--van-address-list-item-disabled-text-color:var(--van-text-color-3);--van-address-list-item-font-size:13px;--van-address-list-item-line-height:var(--van-line-height-sm);--van-address-list-item-radio-icon-color:var(--van-danger-color);--van-address-list-edit-icon-size:20px}.van-address-list{box-sizing:border-box;height:100%;padding:var(--van-address-list-padding)}.van-address-list__bottom{position:fixed;bottom:0;left:0;z-index:var(--van-address-list-add-button-z-index);box-sizing:border-box;width:100%;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md);background-color:var(--van-background-color-light)}.van-address-list__add{height:40px;margin:5px 0}.van-address-list__disabled-text{padding:var(--van-address-list-disabled-text-padding);color:var(--van-address-list-disabled-text-color);font-size:var(--van-address-list-disabled-text-font-size);line-height:var(--van-address-list-disabled-text-line-height)}.van-address-item{padding:var(--van-address-list-item-padding);background-color:var(--van-background-color-light);border-radius:var(--van-border-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__value{padding-right:44px}.van-address-item__name{display:flex;align-items:center;margin-bottom:var(--van-padding-xs);font-size:var(--van-font-size-lg);line-height:var(--van-line-height-lg)}.van-address-item__tag{flex:none;margin-left:var(--van-padding-xs);padding-top:0;padding-bottom:0;line-height:1.4em}.van-address-item__address{color:var(--van-address-list-item-text-color);font-size:var(--van-address-list-item-font-size);line-height:var(--van-address-list-item-line-height)}.van-address-item--disabled .van-address-item__address,.van-address-item--disabled .van-address-item__name{color:var(--van-address-list-item-disabled-text-color)}.van-address-item__edit{position:absolute;top:50%;right:var(--van-padding-md);color:var(--van-gray-6);font-size:var(--van-address-list-edit-icon-size);transform:translate(0,-50%)}.van-address-item .van-cell{padding:0}.van-address-item .van-radio__label{margin-left:var(--van-padding-sm)}.van-address-item .van-radio__icon--checked .van-icon{background-color:var(--van-address-list-item-radio-icon-color);border-color:var(--van-address-list-item-radio-icon-color)}

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

@@ -1,28 +1,28 @@
 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,4 +46,5 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     disabledList: import("./AddressListItem").AddressListAddress[];
 }>>;
 export default AddressList;
+export type { AddressListProps } from './AddressList';
 export type { AddressListAddress } from './AddressListItem';

package/lib/address-list/index.less

@@ -30,7 +30,7 @@
     width: 100%;
     padding-left: var(--van-padding-md);
     padding-right: var(--van-padding-md);
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__add {
@@ -48,7 +48,7 @@
 
 .van-address-item {
   padding: var(--van-address-list-item-padding);
-  background-color: var(--van-white);
+  background-color: var(--van-background-color-light);
   border-radius: var(--van-border-radius-lg);
 
   &:not(:last-child) {

package/lib/address-list/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-@address-list-disabled-text-color: var(--van-gray-6);
+@address-list-disabled-text-color: var(--van-text-color-2);
 @address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0
   var(--van-padding-md);
 @address-list-disabled-text-font-size: var(--van-font-size-md);
@@ -9,7 +9,7 @@
 @address-list-add-button-z-index: 999;
 @address-list-item-padding: var(--van-padding-sm);
 @address-list-item-text-color: var(--van-text-color);
-@address-list-item-disabled-text-color: var(--van-gray-5);
+@address-list-item-disabled-text-color: var(--van-text-color-3);
 @address-list-item-font-size: 13px;
 @address-list-item-line-height: var(--van-line-height-sm);
 @address-list-item-radio-icon-color: var(--van-danger-color);

package/lib/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: {
+declare const areaProps: {
     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,42 +21,42 @@ 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>;
+export declare type AreaProps = ExtractPropTypes<typeof areaProps>;
 declare const _default: import("vue").DefineComponent<{
     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;
     };
@@ -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[];
     };
+    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/lib/area/Area.js

@@ -23,39 +23,32 @@ 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 = (0, _utils.extend)({}, _Picker.pickerProps, {
+var areaProps = (0, _utils.extend)({}, _Picker.pickerSharedProps, {
   value: String,
+  columnsNum: (0, _utils.makeNumericProp)(3),
+  columnsPlaceholder: (0, _utils.makeArrayProp)(),
   areaList: {
     type: Object,
     default: () => ({})
   },
-  columnsNum: {
-    type: [Number, String],
-    default: 3
-  },
   isOverseaCode: {
     type: Function,
     default: isOverseaCode
-  },
-  columnsPlaceholder: {
-    type: Array,
-    default: () => []
   }
 });
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: areaProps,
   emits: ['change', 'confirm', 'cancel'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var pickerRef = (0, _vue.ref)();
     var state = (0, _vue.reactive)({
       code: props.value,
@@ -253,7 +246,11 @@ var _default = (0, _vue.defineComponent)({
       return area;
     };
 
-    var reset = (newCode = '') => {
+    var reset = function (newCode) {
+      if (newCode === void 0) {
+        newCode = '';
+      }
+
       state.code = newCode;
       setValues();
     };
@@ -273,7 +270,13 @@ var _default = (0, _vue.defineComponent)({
       emit('confirm', parseValues(values), index);
     };
 
-    var onCancel = (...args) => emit('cancel', ...args);
+    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);
+    };
 
     (0, _vue.onMounted)(setValues);
     (0, _vue.watch)(() => props.value, value => {

package/lib/area/index.d.ts

@@ -3,13 +3,15 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     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;
     };
@@ -17,56 +19,54 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
+} & {
+    value: StringConstructor;
+    columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-} & {
-    value: StringConstructor;
+    columnsPlaceholder: {
+        type: import("vue").PropType<string[]>;
+        default: () => never[];
+    };
     areaList: {
         type: import("vue").PropType<import("./types").AreaList>;
         default: () => {};
     };
-    columnsNum: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
     isOverseaCode: {
         type: import("vue").PropType<(code: string) => boolean>;
         default: (code: string) => boolean;
     };
-    columnsPlaceholder: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
 }, () => 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: import("./types").AreaList;
+    visibleItemCount: string | number;
     columnsNum: string | number;
-    isOverseaCode: (code: string) => boolean;
     columnsPlaceholder: string[];
+    areaList: import("./types").AreaList;
+    isOverseaCode: (code: string) => boolean;
 } & {
     title?: string | undefined;
     value?: string | undefined;
@@ -80,14 +80,15 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    areaList: import("./types").AreaList;
+    visibleItemCount: string | number;
     columnsNum: string | number;
-    isOverseaCode: (code: string) => boolean;
     columnsPlaceholder: string[];
+    areaList: import("./types").AreaList;
+    isOverseaCode: (code: string) => boolean;
 }>>;
 export default Area;
+export type { AreaProps } from './Area';
 export type { AreaList, AreaInstance, AreaColumnOption } from './types';