vant 3.4.5 → 4.0.0-alpha.1

package/es/address-edit/AddressEditDetail.js

@@ -17,24 +17,16 @@ var stdin_default = defineComponent({
     searchResult: Array,
     showSearchResult: Boolean
   },
-  emits: ["blur", "focus", "input", "select-search"],
+  emits: ["blur", "focus", "input", "selectSearch"],
   setup(props, {
     emit
   }) {
     const field = ref();
     const showSearchResult = () => props.focused && props.searchResult && props.showSearchResult;
     const onSelect = (express) => {
-      emit("select-search", express);
+      emit("selectSearch", express);
       emit("input", `${express.address || ""} ${express.name || ""}`.trim());
     };
-    const renderSearchTitle = (express) => {
-      if (express.name) {
-        const text = express.name.replace(props.value, `<span class=${bem("keyword")}>${props.value}</span>`);
-        return _createVNode("div", {
-          "innerHTML": text
-        }, null);
-      }
-    };
     const renderSearchResult = () => {
       if (!showSearchResult()) {
         return;
@@ -44,15 +36,14 @@ var stdin_default = defineComponent({
       } = props;
       return searchResult.map((express) => _createVNode(Cell, {
         "clickable": true,
-        "key": express.name + express.address,
+        "key": (express.name || "") + (express.address || ""),
         "icon": "location-o",
+        "title": express.name,
         "label": express.address,
         "class": bem("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
-      }, {
-        title: () => renderSearchTitle(express)
-      }));
+      }, null));
     };
     const onBlur = (event) => emit("blur", event);
     const onFocus = (event) => emit("focus", event);

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-address-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:var(--van-gray-2)}.van-address-edit-detail__keyword{color:var(--van-danger-color)}
+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)}.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:var(--van-gray-2)}

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

@@ -46,7 +46,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault")[], "focus" | "selectSearch" | "save" | "delete" | "clickArea" | "changeArea" | "changeDetail" | "changeDefault", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;
@@ -95,13 +95,13 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
-    "onSelect-search"?: ((...args: any[]) => any) | undefined;
+    onSelectSearch?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
     onDelete?: ((...args: any[]) => any) | undefined;
-    "onClick-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-area"?: ((...args: any[]) => any) | undefined;
-    "onChange-detail"?: ((...args: any[]) => any) | undefined;
-    "onChange-default"?: ((...args: any[]) => any) | undefined;
+    onClickArea?: ((...args: any[]) => any) | undefined;
+    onChangeArea?: ((...args: any[]) => any) | undefined;
+    onChangeDetail?: ((...args: any[]) => any) | undefined;
+    onChangeDefault?: ((...args: any[]) => any) | undefined;
 }, {
     isSaving: boolean;
     isDeleting: boolean;

package/es/address-edit/index.less

@@ -1,10 +1,9 @@
-@import './var.less';
-
-:root {
-  --van-address-edit-padding: @address-edit-padding;
-  --van-address-edit-buttons-padding: @address-edit-buttons-padding;
-  --van-address-edit-button-margin-bottom: @address-edit-button-margin-bottom;
-  --van-address-edit-button-font-size: @address-edit-button-font-size;
+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 {
@@ -34,13 +33,7 @@
     font-size: var(--van-address-edit-button-font-size);
   }
 
-  &-detail {
-    &__search-item {
-      background: var(--van-gray-2);
-    }
-
-    &__keyword {
-      color: var(--van-danger-color);
-    }
+  &-detail__search-item {
+    background: var(--van-gray-2);
   }
 }

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

@@ -1,9 +1,8 @@
 import type { ComponentPublicInstance } from 'vue';
-import type { AreaColumnOption } from '../area';
 import type { AddressEditProps } from './AddressEdit';
 export declare type AddressEditSearchItem = {
-    name: string;
-    address: string;
+    name?: string;
+    address?: string;
 };
 export declare type AddressEditInfo = {
     tel: string;
@@ -18,7 +17,6 @@ export declare type AddressEditInfo = {
     addressDetail: string;
 };
 export declare type AddressEditExpose = {
-    getArea: () => AreaColumnOption[];
     setAreaCode: (code?: string | undefined) => void;
     setAddressDetail: (value: string) => void;
 };

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

@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     list: {
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
@@ -58,9 +58,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onEdit-disabled"?: ((...args: any[]) => any) | undefined;
-    "onSelect-disabled"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onEditDisabled?: ((...args: any[]) => any) | undefined;
+    onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
     switchable: boolean;
     list: AddressListAddress[];

package/es/address-list/AddressList.js

@@ -17,16 +17,16 @@ const addressListProps = {
 var stdin_default = defineComponent({
   name,
   props: addressListProps,
-  emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
+  emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
   setup(props, {
     slots,
     emit
   }) {
     const renderItem = (item, index, disabled) => {
-      const onEdit = () => emit(disabled ? "edit-disabled" : "edit", item, index);
-      const onClick = () => emit("click-item", item, index);
+      const onEdit = () => emit(disabled ? "editDisabled" : "edit", item, index);
+      const onClick = () => emit("clickItem", item, index);
       const onSelect = () => {
-        emit(disabled ? "select-disabled" : "select", item, index);
+        emit(disabled ? "selectDisabled" : "select", item, index);
         if (!disabled) {
           emit("update:modelValue", item.id);
         }
@@ -55,7 +55,7 @@ var stdin_default = defineComponent({
     }, [_createVNode(Button, {
       "round": true,
       "block": true,
-      "type": "danger",
+      "type": "primary",
       "text": props.addButtonText || t("add"),
       "class": bem("add"),
       "onClick": () => emit("add")

package/es/address-list/AddressListItem.js

@@ -40,7 +40,7 @@ var stdin_default = defineComponent({
       }
       if (props.address.isDefault && props.defaultTagText) {
         return _createVNode(Tag, {
-          "type": "danger",
+          "type": "primary",
           "round": true,
           "class": bem("tag")
         }, {
@@ -81,9 +81,9 @@ var stdin_default = defineComponent({
         "onClick": onClick
       }, [_createVNode(Cell, {
         "border": false,
-        "valueClass": bem("value")
+        "titleClass": bem("title")
       }, {
-        value: renderContent,
+        title: renderContent,
         "right-icon": renderRightIcon
       }), (_a = slots.bottom) == null ? void 0 : _a.call(slots, extend({}, props.address, {
         disabled

package/es/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-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__name,.van-address-item--disabled .van-address-item__address{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:translateY(-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)}
+body{--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;--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-radio-color: var(--van-primary-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-2)}.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-2);border-radius:var(--van-radius-lg)}.van-address-item:not(:last-child){margin-bottom:var(--van-padding-sm)}.van-address-item__title{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__name,.van-address-item--disabled .van-address-item__address{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:translateY(-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-radio-color);border-color:var(--van-address-list-radio-color)}

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

@@ -15,7 +15,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     };
     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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled")[], "select" | "update:modelValue" | "add" | "edit" | "clickItem" | "editDisabled" | "selectDisabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     list: {
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
@@ -37,9 +37,9 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEdit?: ((...args: any[]) => any) | undefined;
     onAdd?: ((...args: any[]) => any) | undefined;
-    "onClick-item"?: ((...args: any[]) => any) | undefined;
-    "onEdit-disabled"?: ((...args: any[]) => any) | undefined;
-    "onSelect-disabled"?: ((...args: any[]) => any) | undefined;
+    onClickItem?: ((...args: any[]) => any) | undefined;
+    onEditDisabled?: ((...args: any[]) => any) | undefined;
+    onSelectDisabled?: ((...args: any[]) => any) | undefined;
 }, {
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];

package/es/address-list/index.less

@@ -1,19 +1,17 @@
-@import './var.less';
-
-:root {
-  --van-address-list-padding: @address-list-padding;
-  --van-address-list-disabled-text-color: @address-list-disabled-text-color;
-  --van-address-list-disabled-text-padding: @address-list-disabled-text-padding;
-  --van-address-list-disabled-text-font-size: @address-list-disabled-text-font-size;
-  --van-address-list-disabled-text-line-height: @address-list-disabled-text-line-height;
-  --van-address-list-add-button-z-index: @address-list-add-button-z-index;
-  --van-address-list-item-padding: @address-list-item-padding;
-  --van-address-list-item-text-color: @address-list-item-text-color;
-  --van-address-list-item-disabled-text-color: @address-list-item-disabled-text-color;
-  --van-address-list-item-font-size: @address-list-item-font-size;
-  --van-address-list-item-line-height: @address-list-item-line-height;
-  --van-address-list-item-radio-icon-color: @address-list-item-radio-icon-color;
-  --van-address-list-edit-icon-size: @address-list-edit-icon-size;
+body {
+  --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;
+  --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-radio-color: var(--van-primary-color);
+  --van-address-list-edit-icon-size: 20px;
 }
 
 .van-address-list {
@@ -30,7 +28,7 @@
     width: 100%;
     padding-left: var(--van-padding-md);
     padding-right: var(--van-padding-md);
-    background-color: var(--van-background-color-light);
+    background-color: var(--van-background-2);
   }
 
   &__add {
@@ -48,14 +46,14 @@
 
 .van-address-item {
   padding: var(--van-address-list-item-padding);
-  background-color: var(--van-background-color-light);
-  border-radius: var(--van-border-radius-lg);
+  background-color: var(--van-background-2);
+  border-radius: var(--van-radius-lg);
 
   &:not(:last-child) {
     margin-bottom: var(--van-padding-sm);
   }
 
-  &__value {
+  &__title {
     padding-right: 44px;
   }
 
@@ -106,7 +104,7 @@
   }
 
   .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);
+    background-color: var(--van-address-list-radio-color);
+    border-color: var(--van-address-list-radio-color);
   }
 }

package/es/area/Area.d.ts

@@ -5,7 +5,7 @@ declare const areaProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    itemHeight: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -17,14 +17,14 @@ declare const areaProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleItemCount: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
-    value: StringConstructor;
+    modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -37,10 +37,6 @@ declare const areaProps: {
         type: PropType<AreaList>;
         default: () => {};
     };
-    isOverseaCode: {
-        type: PropType<(code: string) => boolean>;
-        default: (code: string) => boolean;
-    };
 };
 export declare type AreaProps = ExtractPropTypes<typeof areaProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -48,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    itemHeight: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -60,14 +56,14 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleItemCount: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
-    value: StringConstructor;
+    modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -80,16 +76,12 @@ declare const _default: import("vue").DefineComponent<{
         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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    itemHeight: {
+    optionHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -101,14 +93,14 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleItemCount: {
+    visibleOptionNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
-    value: StringConstructor;
+    modelValue: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -121,25 +113,21 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AreaList>;
         default: () => {};
     };
-    isOverseaCode: {
-        type: PropType<(code: string) => boolean>;
-        default: (code: string) => boolean;
-    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    itemHeight: string | number;
+    optionHeight: string | number;
     showToolbar: boolean;
     swipeDuration: string | number;
-    visibleItemCount: string | number;
+    visibleOptionNum: string | number;
     columnsNum: string | number;
     columnsPlaceholder: string[];
     areaList: AreaList;
-    isOverseaCode: (code: string) => boolean;
 }>;
 export default _default;