@sdata/web-vue 3.29.0 → 4.0.0

package/es/upload/{upload.d.ts → upload.vue.d.ts}

@@ -1,6 +1,13 @@
-import type { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { CustomIcon, FileItem, ListType, RequestOption, UploadRequest } from './interfaces';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_33: {
+    fileItem: FileItem;
+    index: number;
+};
+type __VLS_Slots = {} & {
+    'upload-item'?: (props: typeof __VLS_33) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     fileList: {
         type: PropType<FileItem[]>;
         default: undefined;
@@ -28,22 +35,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     tip: StringConstructor;
-    headers: {
-        type: PropType<Record<string, string>>;
-    };
-    data: {
-        type: PropType<Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>)>;
-    };
-    name: {
-        type: PropType<string | ((fileItem: FileItem) => string)>;
-    };
+    headers: PropType<Record<string, string>>;
+    data: PropType<Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>)>;
+    name: PropType<string | ((fileItem: FileItem) => string)>;
     withCredentials: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customRequest: {
-        type: PropType<(option: RequestOption) => UploadRequest>;
-    };
+    customRequest: PropType<(option: RequestOption) => UploadRequest>;
     limit: {
         type: NumberConstructor;
         default: number;
@@ -90,52 +89,33 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    imageLoading: {
-        type: PropType<"eager" | "lazy">;
-    };
+    imageLoading: PropType<"eager" | "lazy">;
     listType: {
         type: PropType<ListType>;
         default: string;
     };
-    responseUrlKey: {
-        type: PropType<string | ((fileItem: FileItem) => string)>;
-    };
-    customIcon: {
-        type: PropType<CustomIcon>;
-    };
+    responseUrlKey: PropType<string | ((fileItem: FileItem) => string)>;
+    customIcon: PropType<CustomIcon>;
     imagePreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onBeforeUpload: {
-        type: PropType<(file: File) => boolean | Promise<boolean | File>>;
-    };
-    onBeforeRemove: {
-        type: PropType<(fileItem: FileItem) => Promise<boolean>>;
-    };
-    onButtonClick: {
-        type: PropType<(event: Event) => Promise<FileList> | void>;
-    };
+    onBeforeUpload: PropType<(file: File) => boolean | Promise<boolean | File>>;
+    onBeforeRemove: PropType<(fileItem: FileItem) => Promise<boolean>>;
+    onButtonClick: PropType<(event: Event) => Promise<FileList> | void>;
 }>, {
-    prefixCls: string;
-    render: () => false | import("vue/jsx-runtime").JSX.Element;
-    innerSubmit: (fileItem?: FileItem) => void;
-    innerAbort: (fileItem: FileItem) => void;
-    innerUpdateFile: (id: string, file: File) => void;
-    innerUpload: (files: File[]) => void;
-}, {}, {}, {
-    submit(fileItem?: FileItem): void;
-    abort(fileItem: FileItem): void;
-    updateFile(id: string, file: File): void;
-    upload(files: File[]): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:fileList': (_fileList: FileItem[]) => true;
-    exceedLimit: (_fileList: FileItem[], _files: File[]) => true;
-    change: (_fileList: FileItem[], _fileItem: FileItem) => true;
-    progress: (_fileItem: FileItem, _ev?: ProgressEvent) => true;
-    preview: (_fileItem: FileItem) => true;
-    success: (_fileItem: FileItem) => true;
-    error: (_fileItem: FileItem) => true;
+    submit: (fileItem?: FileItem) => void;
+    abort: (fileItem: FileItem) => void;
+    updateFile: (id: string, file: File) => void;
+    upload: (files: File[]) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    progress: (_fileItem: FileItem, _event?: ProgressEvent<EventTarget> | undefined) => void;
+    success: (_fileItem: FileItem) => void;
+    error: (_fileItem: FileItem) => void;
+    change: (_fileList: FileItem[], _fileItem: FileItem) => void;
+    preview: (_fileItem: FileItem) => void;
+    exceedLimit: (_fileList: FileItem[], _files: File[]) => void;
+    "update:fileList": (_fileList: FileItem[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fileList: {
         type: PropType<FileItem[]>;
@@ -164,22 +144,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     tip: StringConstructor;
-    headers: {
-        type: PropType<Record<string, string>>;
-    };
-    data: {
-        type: PropType<Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>)>;
-    };
-    name: {
-        type: PropType<string | ((fileItem: FileItem) => string)>;
-    };
+    headers: PropType<Record<string, string>>;
+    data: PropType<Record<string, string | Blob> | ((fileItem: FileItem) => Record<string, string | Blob>)>;
+    name: PropType<string | ((fileItem: FileItem) => string)>;
     withCredentials: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customRequest: {
-        type: PropType<(option: RequestOption) => UploadRequest>;
-    };
+    customRequest: PropType<(option: RequestOption) => UploadRequest>;
     limit: {
         type: NumberConstructor;
         default: number;
@@ -226,34 +198,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    imageLoading: {
-        type: PropType<"eager" | "lazy">;
-    };
+    imageLoading: PropType<"eager" | "lazy">;
     listType: {
         type: PropType<ListType>;
         default: string;
     };
-    responseUrlKey: {
-        type: PropType<string | ((fileItem: FileItem) => string)>;
-    };
-    customIcon: {
-        type: PropType<CustomIcon>;
-    };
+    responseUrlKey: PropType<string | ((fileItem: FileItem) => string)>;
+    customIcon: PropType<CustomIcon>;
     imagePreview: {
         type: BooleanConstructor;
         default: boolean;
     };
-    onBeforeUpload: {
-        type: PropType<(file: File) => boolean | Promise<boolean | File>>;
-    };
-    onBeforeRemove: {
-        type: PropType<(fileItem: FileItem) => Promise<boolean>>;
-    };
-    onButtonClick: {
-        type: PropType<(event: Event) => Promise<FileList> | void>;
-    };
+    onBeforeUpload: PropType<(file: File) => boolean | Promise<boolean | File>>;
+    onBeforeRemove: PropType<(fileItem: FileItem) => Promise<boolean>>;
+    onButtonClick: PropType<(event: Event) => Promise<FileList> | void>;
 }>> & Readonly<{
-    onProgress?: ((_fileItem: FileItem, _ev?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
+    onProgress?: ((_fileItem: FileItem, _event?: ProgressEvent<EventTarget> | undefined) => any) | undefined;
     onSuccess?: ((_fileItem: FileItem) => any) | undefined;
     onError?: ((_fileItem: FileItem) => any) | undefined;
     onChange?: ((_fileList: FileItem[], _fileItem: FileItem) => any) | undefined;
@@ -266,8 +226,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     limit: number;
     draggable: boolean;
     withCredentials: boolean;
-    directory: boolean;
     listType: ListType;
+    directory: boolean;
     fileList: FileItem[];
     defaultFileList: FileItem[];
     autoUpload: boolean;
@@ -284,4 +244,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showLink: boolean;
     imagePreview: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/upload/upload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,392 @@
+import { useFormItem } from "../_hooks/use-form-item.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import { isBoolean, isFunction, isObject } from "../_utils/is.js";
+import preview_group_default from "../image/preview-group.js";
+import { uploadInjectionKey } from "./context.js";
+import { isImage, uploadRequest } from "./utils.js";
+import upload_button_default from "./upload-button.js";
+import upload_list_default from "./upload-list.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createSlots, createVNode, defineComponent, guardReactiveProps, h, mergeProps, normalizeProps, openBlock, provide, reactive, ref, renderSlot, toRefs, unref, useAttrs, useSlots, watch, withCtx } from "vue";
+//#region components/upload/upload.vue?vue&type=script&setup=true&lang.ts
+var upload_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, {
+	name: "Upload",
+	inheritAttrs: false
+}), {}, {
+	__name: "upload",
+	props: {
+		fileList: {
+			type: Array,
+			default: void 0
+		},
+		defaultFileList: {
+			type: Array,
+			default: () => []
+		},
+		accept: String,
+		action: String,
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		directory: {
+			type: Boolean,
+			default: false
+		},
+		draggable: {
+			type: Boolean,
+			default: false
+		},
+		tip: String,
+		headers: Object,
+		data: [Object, Function],
+		name: [String, Function],
+		withCredentials: {
+			type: Boolean,
+			default: false
+		},
+		customRequest: Function,
+		limit: {
+			type: Number,
+			default: 0
+		},
+		autoUpload: {
+			type: Boolean,
+			default: true
+		},
+		showFileList: {
+			type: Boolean,
+			default: true
+		},
+		showRemoveButton: {
+			type: Boolean,
+			default: true
+		},
+		showStartButton: {
+			type: Boolean,
+			default: true
+		},
+		showRetryButton: {
+			type: Boolean,
+			default: true
+		},
+		showCancelButton: {
+			type: Boolean,
+			default: true
+		},
+		showUploadButton: {
+			type: [Boolean, Object],
+			default: true
+		},
+		showPreviewButton: {
+			type: Boolean,
+			default: true
+		},
+		download: {
+			type: Boolean,
+			default: false
+		},
+		showLink: {
+			type: Boolean,
+			default: true
+		},
+		imageLoading: String,
+		listType: {
+			type: String,
+			default: "text"
+		},
+		responseUrlKey: [String, Function],
+		customIcon: Object,
+		imagePreview: {
+			type: Boolean,
+			default: false
+		},
+		onBeforeUpload: Function,
+		onBeforeRemove: Function,
+		onButtonClick: Function
+	},
+	emits: {
+		"update:fileList": (_fileList) => true,
+		"exceedLimit": (_fileList, _files) => true,
+		"change": (_fileList, _fileItem) => true,
+		"progress": (_fileItem, _event) => true,
+		"preview": (_fileItem) => true,
+		"success": (_fileItem) => true,
+		"error": (_fileItem) => true
+	},
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const attrs = useAttrs();
+		const slots = useSlots();
+		const { disabled, listType, customIcon, showStartButton, showRetryButton, showCancelButton, showRemoveButton, showPreviewButton, imageLoading, download, showLink } = toRefs(props);
+		const prefixCls = getPrefixCls("upload");
+		const { mergedDisabled, eventHandlers } = useFormItem({ disabled });
+		const innerFileList = ref([]);
+		const fileMap = /* @__PURE__ */ new Map();
+		const requestMap = /* @__PURE__ */ new Map();
+		const isMax = computed(() => props.limit > 0 && innerFileList.value.length >= props.limit);
+		const checkFileList = (fileList) => {
+			fileMap.clear();
+			const nextFileList = fileList === null || fileList === void 0 ? void 0 : fileList.map((data, index) => {
+				var _data$status, _data$uid, _data$percent;
+				const status = (_data$status = data.status) !== null && _data$status !== void 0 ? _data$status : "done";
+				const fileItem = reactive(_objectSpread2(_objectSpread2({}, data), {}, {
+					uid: (_data$uid = data.uid) !== null && _data$uid !== void 0 ? _data$uid : `${Date.now()}${index}`,
+					status,
+					percent: (_data$percent = data.percent) !== null && _data$percent !== void 0 ? _data$percent : ["error", "init"].includes(status) ? 0 : 1
+				}));
+				fileMap.set(fileItem.uid, fileItem);
+				return fileItem;
+			});
+			innerFileList.value = nextFileList !== null && nextFileList !== void 0 ? nextFileList : [];
+		};
+		checkFileList(props.defaultFileList);
+		watch(() => props.fileList, (fileList) => {
+			if (fileList) checkFileList(fileList);
+		}, {
+			immediate: true,
+			deep: true
+		});
+		const updateFileList = (file) => {
+			var _eventHandlers$value, _eventHandlers$value$;
+			emit("update:fileList", innerFileList.value);
+			emit("change", innerFileList.value, file);
+			(_eventHandlers$value = eventHandlers.value) === null || _eventHandlers$value === void 0 || (_eventHandlers$value$ = _eventHandlers$value.onChange) === null || _eventHandlers$value$ === void 0 || _eventHandlers$value$.call(_eventHandlers$value);
+		};
+		const updateFile = (id, file) => {
+			for (const item of innerFileList.value) if (item.uid === id) {
+				item.file = file;
+				updateFileList(item);
+				break;
+			}
+		};
+		const uploadFile = (fileItem) => {
+			const handleProgress = (percent, event) => {
+				const file = fileMap.get(fileItem.uid);
+				if (!file) return;
+				file.status = "uploading";
+				file.percent = percent;
+				emit("progress", file, event);
+				updateFileList(file);
+			};
+			const handleSuccess = (response) => {
+				const file = fileMap.get(fileItem.uid);
+				if (!file) return;
+				file.status = "done";
+				file.percent = 1;
+				file.response = response;
+				if (props.responseUrlKey) {
+					if (isFunction(props.responseUrlKey)) file.url = props.responseUrlKey(file);
+					else if (isObject(response) && response[props.responseUrlKey]) file.url = String(response[props.responseUrlKey]);
+				}
+				requestMap.delete(file.uid);
+				emit("success", file);
+				updateFileList(file);
+			};
+			const handleError = (response) => {
+				const file = fileMap.get(fileItem.uid);
+				if (!file) return;
+				file.status = "error";
+				file.percent = 0;
+				file.response = response;
+				requestMap.delete(file.uid);
+				emit("error", file);
+				updateFileList(file);
+			};
+			const option = {
+				fileItem,
+				action: props.action,
+				name: props.name,
+				data: props.data,
+				headers: props.headers,
+				withCredentials: props.withCredentials,
+				onProgress: handleProgress,
+				onSuccess: handleSuccess,
+				onError: handleError
+			};
+			fileItem.status = "uploading";
+			fileItem.percent = 0;
+			const request = isFunction(props.customRequest) ? props.customRequest(option) : uploadRequest(option);
+			requestMap.set(fileItem.uid, request);
+			updateFileList(fileItem);
+		};
+		const abort = (fileItem) => {
+			var _request$abort;
+			const request = requestMap.get(fileItem.uid);
+			if (!request) return;
+			(_request$abort = request.abort) === null || _request$abort === void 0 || _request$abort.call(request);
+			requestMap.delete(fileItem.uid);
+			const file = fileMap.get(fileItem.uid);
+			if (file) {
+				file.status = "error";
+				file.percent = 0;
+				updateFileList(file);
+			}
+		};
+		const submit = (fileItem) => {
+			if (fileItem) {
+				const file = fileMap.get(fileItem.uid);
+				if (file) uploadFile(file);
+				return;
+			}
+			for (const item of innerFileList.value) if (item.status === "init") uploadFile(item);
+		};
+		const initUpload = (file, index) => {
+			const uid = `${Date.now()}-${index}`;
+			const fileItem = reactive({
+				uid,
+				file,
+				url: isImage(file) ? URL.createObjectURL(file) : void 0,
+				name: file.name,
+				status: "init",
+				percent: 0
+			});
+			fileMap.set(uid, fileItem);
+			innerFileList.value = [...innerFileList.value, fileItem];
+			updateFileList(fileItem);
+			if (props.autoUpload) uploadFile(fileItem);
+		};
+		const uploadFiles = (files) => {
+			if (props.limit > 0 && innerFileList.value.length + files.length > props.limit) {
+				emit("exceedLimit", innerFileList.value, files);
+				return;
+			}
+			files.forEach((file, index) => {
+				if (isFunction(props.onBeforeUpload)) Promise.resolve(props.onBeforeUpload(file)).then((result) => {
+					if (result) initUpload(isBoolean(result) ? file : result, index);
+				}).catch((error) => {
+					console.error(error);
+				});
+				else initUpload(file, index);
+			});
+		};
+		const removeFile = (fileItem) => {
+			innerFileList.value = innerFileList.value.filter((item) => item.uid !== fileItem.uid);
+			updateFileList(fileItem);
+		};
+		const handleRemove = (fileItem) => {
+			if (isFunction(props.onBeforeRemove)) Promise.resolve(props.onBeforeRemove(fileItem)).then((result) => {
+				if (result) removeFile(fileItem);
+			}).catch((error) => {
+				console.error(error);
+			});
+			else removeFile(fileItem);
+		};
+		const imagePreviewVisible = ref(false);
+		const imagePreviewCurrent = ref(0);
+		const imageList = computed(() => innerFileList.value.filter((item) => Boolean(item.url)).map((item) => item.url));
+		const handlePreview = (fileItem) => {
+			if (props.imagePreview && fileItem.url) {
+				const current = imageList.value.indexOf(fileItem.url);
+				if (current > -1) {
+					imagePreviewCurrent.value = current;
+					imagePreviewVisible.value = true;
+				}
+			}
+			emit("preview", fileItem);
+		};
+		const handleImagePreviewChange = (current) => {
+			imagePreviewCurrent.value = current;
+		};
+		const handleImagePreviewVisibleChange = (visible) => {
+			imagePreviewVisible.value = visible;
+		};
+		provide(uploadInjectionKey, reactive({
+			disabled: mergedDisabled,
+			listType,
+			iconCls: `${prefixCls}-icon`,
+			showRemoveButton,
+			showStartButton,
+			showRetryButton,
+			showCancelButton,
+			showPreviewButton,
+			showLink,
+			imageLoading,
+			download,
+			customIcon,
+			slots,
+			onUpload: uploadFile,
+			onAbort: abort,
+			onRemove: handleRemove,
+			onPreview: handlePreview
+		}));
+		const mergedAccept = computed(() => {
+			if (props.accept) return props.accept;
+			return props.listType === "picture" || props.listType === "picture-card" ? "image/*" : void 0;
+		});
+		const hideUploadButton = computed(() => !props.showUploadButton || isMax.value && !(isObject(props.showUploadButton) && props.showUploadButton.showOnExceedLimit));
+		const uploadButtonProps = computed(() => ({
+			disabled: mergedDisabled.value,
+			draggable: props.draggable,
+			listType: props.listType,
+			uploadFiles,
+			multiple: props.multiple,
+			directory: props.directory,
+			tip: props.tip,
+			hide: hideUploadButton.value,
+			accept: mergedAccept.value,
+			onButtonClick: props.onButtonClick
+		}));
+		const UploadButtonRenderer = defineComponent({
+			name: "UploadButtonRenderer",
+			inheritAttrs: false,
+			props: { rootAttrs: Object },
+			setup(renderProps) {
+				const renderButton = (rootAttrs) => h(upload_button_default, _objectSpread2(_objectSpread2({}, uploadButtonProps.value), rootAttrs), slots["upload-button"] ? { default: slots["upload-button"] } : void 0);
+				return () => {
+					if (props.tip && props.listType !== "picture-card" && !props.draggable) return h("span", renderProps.rootAttrs, [renderButton(), h("div", { class: `${prefixCls}-tip` }, props.tip)]);
+					return renderButton(renderProps.rootAttrs);
+				};
+			}
+		});
+		const wrapperAttrs = computed(() => _objectSpread2(_objectSpread2({}, attrs), {}, { class: [
+			attrs.class,
+			`${prefixCls}-wrapper`,
+			`${prefixCls}-wrapper-type-${props.listType}`
+		] }));
+		__expose({
+			submit,
+			abort,
+			updateFile,
+			upload: uploadFiles
+		});
+		return (_ctx, _cache) => {
+			return !props.showFileList && props.showUploadButton ? (openBlock(), createBlock(unref(UploadButtonRenderer), {
+				key: 0,
+				"root-attrs": unref(attrs)
+			}, null, 8, ["root-attrs"])) : props.showFileList ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, wrapperAttrs.value)), [
+				props.imagePreview && imageList.value.length > 0 ? (openBlock(), createBlock(unref(preview_group_default), {
+					key: 0,
+					"src-list": imageList.value,
+					visible: imagePreviewVisible.value,
+					current: imagePreviewCurrent.value,
+					onChange: handleImagePreviewChange,
+					onVisibleChange: handleImagePreviewVisibleChange
+				}, null, 8, [
+					"src-list",
+					"visible",
+					"current"
+				])) : createCommentVNode("", true),
+				props.listType !== "picture-card" && props.showUploadButton ? (openBlock(), createBlock(unref(UploadButtonRenderer), { key: 1 })) : createCommentVNode("", true),
+				createVNode(upload_list_default, {
+					"file-list": innerFileList.value,
+					"list-type": props.listType
+				}, createSlots({
+					"upload-button": withCtx(() => [createVNode(unref(UploadButtonRenderer))]),
+					_: 2
+				}, [_ctx.$slots["upload-item"] ? {
+					name: "upload-item",
+					fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "upload-item", normalizeProps(guardReactiveProps(slotProps)))]),
+					key: "0"
+				} : void 0]), 1032, ["file-list", "list-type"])
+			], 16)) : createCommentVNode("", true);
+		};
+	}
+}));
+//#endregion
+export { upload_vue_vue_type_script_setup_true_lang_default as default };

package/es/verification-code/index.d.ts

@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
-import _VerificationCode from './verification-code';
+import _VerificationCode from './verification-code.vue';
 declare const VerificationCode: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         modelValue: StringConstructor;
@@ -12,9 +12,7 @@ declare const VerificationCode: {
             type: NumberConstructor;
             default: number;
         };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         disabled: BooleanConstructor;
         masked: BooleanConstructor;
         readonly: {
@@ -33,14 +31,14 @@ declare const VerificationCode: {
         };
     }>> & Readonly<{
         onChange?: ((_value: string) => any) | undefined;
-        onInput?: ((_inputValue: string, _index: number, _ev: Event) => any) | undefined;
+        onInput?: ((_inputValue: string, _index: number, _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         onFinish?: ((_value: string) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:modelValue': (_value: string) => true;
-        change: (_value: string) => true;
-        finish: (_value: string) => true;
-        input: (_inputValue: string, _index: number, _ev: Event) => true;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        change: (_value: string) => void;
+        input: (_inputValue: string, _index: number, _event: Event) => void;
+        "update:modelValue": (_value: string) => void;
+        finish: (_value: string) => void;
     }, import("vue").PublicProps, {
         length: number;
         disabled: boolean;
@@ -65,9 +63,7 @@ declare const VerificationCode: {
             type: NumberConstructor;
             default: number;
         };
-        size: {
-            type: import("vue").PropType<import("..").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         disabled: BooleanConstructor;
         masked: BooleanConstructor;
         readonly: {
@@ -86,10 +82,10 @@ declare const VerificationCode: {
         };
     }>> & Readonly<{
         onChange?: ((_value: string) => any) | undefined;
-        onInput?: ((_inputValue: string, _index: number, _ev: Event) => any) | undefined;
+        onInput?: ((_inputValue: string, _index: number, _event: Event) => any) | undefined;
         "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
         onFinish?: ((_value: string) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+    }>, {}, {}, {}, {}, {
         length: number;
         disabled: boolean;
         error: boolean;
@@ -110,9 +106,7 @@ declare const VerificationCode: {
         type: NumberConstructor;
         default: number;
     };
-    size: {
-        type: import("vue").PropType<import("..").Size>;
-    };
+    size: import("vue").PropType<import("../index.ts").Size>;
     disabled: BooleanConstructor;
     masked: BooleanConstructor;
     readonly: {
@@ -131,14 +125,14 @@ declare const VerificationCode: {
     };
 }>> & Readonly<{
     onChange?: ((_value: string) => any) | undefined;
-    onInput?: ((_inputValue: string, _index: number, _ev: Event) => any) | undefined;
+    onInput?: ((_inputValue: string, _index: number, _event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string) => any) | undefined;
     onFinish?: ((_value: string) => any) | undefined;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: string) => true;
-    change: (_value: string) => true;
-    finish: (_value: string) => true;
-    input: (_inputValue: string, _index: number, _ev: Event) => true;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: string) => void;
+    input: (_inputValue: string, _index: number, _event: Event) => void;
+    "update:modelValue": (_value: string) => void;
+    finish: (_value: string) => void;
 }, string, {
     length: number;
     disabled: boolean;