fast-element-plus 1.0.21 → 2.0.0

package/dist/components/uploadImage/src/uploadImage.mjs

@@ -0,0 +1,203 @@
+import { addCssUnit } from "../../../utils/dom/index.mjs";
+import { randomString } from "../../../utils/string/index.mjs";
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { definePropType, useProps } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import { withDefineType } from "../../../utils/vue/with.mjs";
+import isArray from "../../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isArray.mjs";
+import isString from "../../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isString.mjs";
+import isNull from "../../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isNull.mjs";
+import { FaMimeType } from "../../../constants/mime.mjs";
+import { useUpload } from "../../upload/src/useUpload.mjs";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, reactive, ref, resolveDirective, withDirectives, withModifiers } from "vue";
+import { Delete, Edit, UploadFilled, ZoomIn } from "@element-plus/icons-vue";
+import { ElIcon, ElImageViewer, ElUpload, uploadProps } from "element-plus";
+//#region src/components/uploadImage/src/uploadImage.tsx
+/** FaUploadImage 的运行时 Props 定义。 */
+const faUploadImageProps = {
+	...uploadProps,
+	/** @description whether to activate drag and drop mode */
+	drag: {
+		type: Boolean,
+		default: true
+	},
+	/** @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true` */
+	accept: {
+		type: String,
+		default: () => FaMimeType.Image
+	},
+	/** @description type of file list */
+	listType: {
+		type: definePropType(String),
+		default: "picture"
+	},
+	/** @description whether to show the uploaded file list */
+	showFileList: {
+		type: Boolean,
+		default: false
+	},
+	/** @description v-model绑定值 */
+	modelValue: definePropType([String, Array]),
+	/** @description 大小限制，单位kb */
+	maxSize: {
+		type: [String, Number],
+		default: 2048
+	},
+	/** @description 图片上传接口，优先级最高 */
+	uploadApi: { type: definePropType(Function) },
+	/** @description 图片上传地址 */
+	uploadUrl: String,
+	/** @description 宽度 */
+	width: {
+		type: [String, Number],
+		default: 150
+	},
+	/** @description 高度 */
+	height: {
+		type: [String, Number],
+		default: 150
+	}
+};
+/** FaUploadImage 的运行时 Emits 定义。 */
+const faUploadImageEmits = {
+	/** @description v-model 回调 */
+	"update:modelValue": (value) => isString(value) || isArray(value) || isNull(value),
+	/** @description v-model:fileList 回调 */
+	"update:fileList": (value) => isArray(value),
+	/** @description 改变 */
+	change: (value) => isString(value) || isArray(value) || isNull(value)
+};
+var uploadImage_default = defineComponent({
+	name: "FaUploadImage",
+	props: faUploadImageProps,
+	emits: faUploadImageEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const { fileList, loading, formContext, maxSizeMB, handleHttpRequest, handleOnSuccess, handleOnError, handleOnRemove, handleOnExceed, handleOnUpload } = useUpload("FaUploadImage", "图片", props, emit, {
+			get maxSize() {
+				return props.maxSize;
+			},
+			get uploadApi() {
+				return props.uploadApi;
+			},
+			get uploadUrl() {
+				return props.uploadUrl || (props.action === uploadProps.action.default ? void 0 : props.action);
+			}
+		});
+		const disabled = computed(() => {
+			return props.disabled === true || formContext?.disabled === true;
+		});
+		const state = reactive({
+			uploadKey: `fa-upload-image__${randomString(8)}`,
+			preview: false,
+			previewList: withDefineType([])
+		});
+		const uploadRef = ref();
+		const httpRequest = computed(() => props.httpRequest === uploadProps.httpRequest.default ? handleHttpRequest : props.httpRequest);
+		const handleEdit = () => {
+			document.querySelector(`.${state.uploadKey} .el-upload__input`)?.dispatchEvent(new MouseEvent("click"));
+		};
+		const handlePreview = () => {
+			const fileUrl = fileList.value[0]?.url;
+			if (!fileUrl) return;
+			state.previewList = [fileUrl];
+			state.preview = true;
+		};
+		const handleRemove = () => {
+			const file = fileList.value[0];
+			if (file) uploadRef.value?.handleRemove(file);
+		};
+		const handleBeforeUpload = (rawFile) => {
+			if (!handleOnUpload(rawFile)) return false;
+			if (props.beforeUpload) return props.beforeUpload(rawFile);
+			return true;
+		};
+		const elUploadProps = useProps(props, uploadProps, [
+			"fileList",
+			"disabled",
+			"httpRequest",
+			"beforeUpload",
+			"onExceed",
+			"onSuccess",
+			"onError",
+			"onRemove"
+		]);
+		useRender(() => createVNode(Fragment, null, [withDirectives(createVNode(ElUpload, mergeProps(elUploadProps.value, {
+			"ref": uploadRef,
+			"class": ["fa-upload-image", state.uploadKey],
+			"style": {
+				"--width": addCssUnit(props.width),
+				"--height": addCssUnit(props.height)
+			},
+			"fileList": fileList.value,
+			"onUpdate:fileList": ($event) => fileList.value = $event,
+			"disabled": disabled.value,
+			"httpRequest": httpRequest.value,
+			"beforeUpload": handleBeforeUpload,
+			"onExceed": handleOnExceed,
+			"onSuccess": handleOnSuccess,
+			"onError": handleOnError,
+			"onRemove": handleOnRemove
+		}), {
+			default: () => fileList.value.length > 0 ? createVNode(Fragment, null, [createVNode("img", {
+				"class": "el-upload-list__item-thumbnail",
+				"src": fileList.value[0]?.url
+			}, null), createVNode("span", {
+				"class": "el-upload-list__item-actions",
+				"onClick": withModifiers(() => {}, ["stop"])
+			}, [createVNode("span", {
+				"class": "el-upload-list__item-icon",
+				"onClick": () => handlePreview(),
+				"title": "查看"
+			}, [createVNode(ElIcon, null, { default: () => [createVNode(ZoomIn, null, null)] })]), !disabled.value && createVNode(Fragment, null, [createVNode("span", {
+				"class": "el-upload-list__item-icon",
+				"onClick": handleEdit,
+				"title": "编辑"
+			}, [createVNode(ElIcon, null, { default: () => [createVNode(Edit, null, null)] })]), createVNode("span", {
+				"class": "el-upload-list__item-icon",
+				"onClick": () => handleRemove(),
+				"title": "删除"
+			}, [createVNode(ElIcon, null, { default: () => [createVNode(Delete, null, null)] })])])])]) : slots.default ? slots.default() : createVNode(Fragment, null, [createVNode(ElIcon, { "class": "el-icon--upload" }, { default: () => [createVNode(UploadFilled, null, null)] }), createVNode("div", { "class": "el-upload__text" }, [
+				createTextVNode("Drop file here "),
+				createVNode("br", null, null),
+				createVNode("em", null, [createTextVNode("click to upload")])
+			])]),
+			tip: () => createVNode("div", { "class": "el-upload__tip" }, [
+				createTextVNode("file with a size less than "),
+				maxSizeMB.value.toString(),
+				createTextVNode("MB")
+			])
+		}), [[resolveDirective("loading"), loading.value]]), state.preview && createVNode(ElImageViewer, {
+			"closeOnPressEscape": true,
+			"hideOnClickModal": true,
+			"teleported": true,
+			"onClose": () => state.preview = false,
+			"urlList": state.previewList
+		}, null)]));
+		return useExpose(expose, {
+			/** @description 取消上传请求 */
+			abort: computed(() => uploadRef.value?.abort),
+			/** @description 手动上传文件列表 */
+			submit: computed(() => uploadRef.value?.submit),
+			/** @description 清空已上传的文件列表（该方法不支持在 before-upload 中调用） */
+			clearFiles: computed(() => uploadRef.value?.clearFiles),
+			/** @description 手动选择文件 */
+			handleStart: computed(() => uploadRef.value?.handleStart),
+			/** @description 手动移除文件。file 和 rawFile 已被合并。 */
+			handleRemove: computed(() => uploadRef.value?.handleRemove),
+			/** @description 加载状态 */
+			loading,
+			/** @description 文件集合 */
+			fileList,
+			/** @description 预览 */
+			preview: computed(() => state.preview),
+			/** @description 预览集合 */
+			previewList: computed(() => state.previewList)
+		});
+	}
+});
+//#endregion
+export { uploadImage_default as default, faUploadImageEmits, faUploadImageProps };
+
+//# sourceMappingURL=uploadImage.mjs.map

package/dist/components/uploadImage/src/uploadImage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadImage.mjs","names":["update:modelValue","update:fileList"],"sources":["../../../../src/components/uploadImage/src/uploadImage.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, reactive, ref, withModifiers } from \"vue\";\nimport { Delete, Edit, UploadFilled, ZoomIn } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElImageViewer, ElUpload, uploadProps } from \"element-plus\";\nimport { isArray, isNull, isString } from \"lodash-unified\";\nimport { FaMimeType } from \"../../../constants\";\nimport { addCssUnit, definePropType, makeSlots, randomString, useExpose, useProps, useRender, withDefineType } from \"../../../utils\";\nimport { useUpload } from \"../../upload/src/useUpload\";\nimport type { UploadFile, UploadInstance, UploadProps, UploadUserFile, uploadListTypes } from \"element-plus\";\n\n/** FaUploadImage 的运行时 Props 定义。 */\nexport const faUploadImageProps = {\n\t...uploadProps,\n\t/** @description whether to activate drag and drop mode */\n\tdrag: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description accepted [file types](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-accept), will not work when `thumbnail-mode === true` */\n\taccept: {\n\t\ttype: String,\n\t\tdefault: (): string => FaMimeType.Image,\n\t},\n\t/** @description type of file list */\n\tlistType: {\n\t\ttype: definePropType<(typeof uploadListTypes)[number]>(String),\n\t\tdefault: \"picture\",\n\t},\n\t/** @description whether to show the uploaded file list */\n\tshowFileList: {\n\t\ttype: Boolean,\n\t\tdefault: false,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: definePropType<string | string[] | null>([String, Array]),\n\t/** @description 大小限制，单位kb */\n\tmaxSize: {\n\t\ttype: [String, Number],\n\t\tdefault: 2048,\n\t},\n\t/** @description 图片上传接口，优先级最高 */\n\tuploadApi: {\n\t\ttype: definePropType<(formData: FormData) => Promise<string>>(Function),\n\t},\n\t/** @description 图片上传地址 */\n\tuploadUrl: String,\n\t/** @description 宽度 */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: 150,\n\t},\n\t/** @description 高度 */\n\theight: {\n\t\ttype: [String, Number],\n\t\tdefault: 150,\n\t},\n};\n\n/** FaUploadImage 的运行时 Emits 定义。 */\nexport const faUploadImageEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string | string[] | null): boolean => isString(value) || isArray(value) || isNull(value),\n\t/** @description v-model:fileList 回调 */\n\t\"update:fileList\": (value: UploadUserFile[]): boolean => isArray(value),\n\t/** @description 改变 */\n\tchange: (value: string | string[] | null): boolean => isString(value) || isArray(value) || isNull(value),\n};\n\n/** FaUploadImage 的插槽参数。 */\nexport interface FaUploadImageSlots extends Record<string, unknown> {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n}\n\nexport default defineComponent({\n\tname: \"FaUploadImage\",\n\tprops: faUploadImageProps,\n\temits: faUploadImageEmits,\n\tslots: makeSlots<FaUploadImageSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst {\n\t\t\tfileList,\n\t\t\tloading,\n\t\t\tformContext,\n\t\t\tmaxSizeMB,\n\t\t\thandleHttpRequest,\n\t\t\thandleOnSuccess,\n\t\t\thandleOnError,\n\t\t\thandleOnRemove,\n\t\t\thandleOnExceed,\n\t\t\thandleOnUpload,\n\t\t} = useUpload<string | string[]>(\"FaUploadImage\", \"图片\", props, emit, {\n\t\t\tget maxSize() {\n\t\t\t\treturn props.maxSize;\n\t\t\t},\n\t\t\tget uploadApi() {\n\t\t\t\treturn props.uploadApi;\n\t\t\t},\n\t\t\tget uploadUrl() {\n\t\t\t\treturn props.uploadUrl || (props.action === uploadProps.action.default ? undefined : props.action);\n\t\t\t},\n\t\t});\n\n\t\tconst disabled = computed(() => {\n\t\t\treturn props.disabled === true || formContext?.disabled === true;\n\t\t});\n\n\t\tconst state = reactive({\n\t\t\tuploadKey: `fa-upload-image__${randomString(8)}`,\n\t\t\tpreview: false,\n\t\t\tpreviewList: withDefineType<string[]>([]),\n\t\t});\n\n\t\tconst uploadRef = ref<UploadInstance>();\n\t\tconst httpRequest = computed(() => (props.httpRequest === uploadProps.httpRequest.default ? handleHttpRequest : props.httpRequest));\n\n\t\tconst handleEdit = (): void => {\n\t\t\tconst uploadInputEl = document.querySelector(`.${state.uploadKey} .el-upload__input`);\n\t\t\tuploadInputEl?.dispatchEvent(new MouseEvent(\"click\"));\n\t\t};\n\n\t\tconst handlePreview = (): void => {\n\t\t\tconst fileUrl = fileList.value[0]?.url;\n\t\t\tif (!fileUrl) return;\n\t\t\tstate.previewList = [fileUrl];\n\t\t\tstate.preview = true;\n\t\t};\n\n\t\tconst handleRemove = (): void => {\n\t\t\tconst file = fileList.value[0];\n\t\t\tif (file) uploadRef.value?.handleRemove(file as UploadFile);\n\t\t};\n\n\t\tconst handleBeforeUpload: UploadProps[\"beforeUpload\"] = (rawFile) => {\n\t\t\tif (!handleOnUpload(rawFile)) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tif (props.beforeUpload) {\n\t\t\t\treturn props.beforeUpload(rawFile);\n\t\t\t}\n\t\t\treturn true;\n\t\t};\n\n\t\tconst elUploadProps = useProps(props, uploadProps, [\n\t\t\t\"fileList\",\n\t\t\t\"disabled\",\n\t\t\t\"httpRequest\",\n\t\t\t\"beforeUpload\",\n\t\t\t\"onExceed\",\n\t\t\t\"onSuccess\",\n\t\t\t\"onError\",\n\t\t\t\"onRemove\",\n\t\t]);\n\n\t\tuseRender(() => (\n\t\t\t<Fragment>\n\t\t\t\t<ElUpload\n\t\t\t\t\t{...elUploadProps.value}\n\t\t\t\t\tref={uploadRef}\n\t\t\t\t\tclass={[\"fa-upload-image\", state.uploadKey]}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\"--width\": addCssUnit(props.width),\n\t\t\t\t\t\t\"--height\": addCssUnit(props.height),\n\t\t\t\t\t}}\n\t\t\t\t\tvLoading={loading.value}\n\t\t\t\t\tvModel:fileList={fileList.value}\n\t\t\t\t\tdisabled={disabled.value}\n\t\t\t\t\thttpRequest={httpRequest.value}\n\t\t\t\t\tbeforeUpload={handleBeforeUpload}\n\t\t\t\t\tonExceed={handleOnExceed}\n\t\t\t\t\tonSuccess={handleOnSuccess}\n\t\t\t\t\tonError={handleOnError}\n\t\t\t\t\tonRemove={handleOnRemove}\n\t\t\t\t>\n\t\t\t\t\t{{\n\t\t\t\t\t\tdefault: () =>\n\t\t\t\t\t\t\tfileList.value.length > 0 ? (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<img class=\"el-upload-list__item-thumbnail\" src={fileList.value[0]?.url} />\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclass=\"el-upload-list__item-actions\"\n\t\t\t\t\t\t\t\t\t\tonClick={withModifiers(() => {\n\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t}, [\"stop\"])}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={() => handlePreview()} title=\"查看\">\n\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t<ZoomIn />\n\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t{!disabled.value && (\n\t\t\t\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={handleEdit} title=\"编辑\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Edit />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={() => handleRemove()} title=\"删除\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Delete />\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t) : slots.default ? (\n\t\t\t\t\t\t\t\tslots.default()\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t\t<ElIcon class=\"el-icon--upload\">\n\t\t\t\t\t\t\t\t\t\t<UploadFilled />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t<div class=\"el-upload__text\">\n\t\t\t\t\t\t\t\t\t\tDrop file here <br />\n\t\t\t\t\t\t\t\t\t\t<em>click to upload</em>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\ttip: () => <div class=\"el-upload__tip\">file with a size less than {maxSizeMB.value.toString()}MB</div>,\n\t\t\t\t\t}}\n\t\t\t\t</ElUpload>\n\t\t\t\t{state.preview && (\n\t\t\t\t\t<ElImageViewer\n\t\t\t\t\t\tcloseOnPressEscape\n\t\t\t\t\t\thideOnClickModal\n\t\t\t\t\t\tteleported\n\t\t\t\t\t\tonClose={() => (state.preview = false)}\n\t\t\t\t\t\turlList={state.previewList}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Fragment>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 取消上传请求 */\n\t\t\tabort: computed(() => uploadRef.value?.abort),\n\t\t\t/** @description 手动上传文件列表 */\n\t\t\tsubmit: computed(() => uploadRef.value?.submit),\n\t\t\t/** @description 清空已上传的文件列表（该方法不支持在 before-upload 中调用） */\n\t\t\tclearFiles: computed(() => uploadRef.value?.clearFiles),\n\t\t\t/** @description 手动选择文件 */\n\t\t\thandleStart: computed(() => uploadRef.value?.handleStart),\n\t\t\t/** @description 手动移除文件。file 和 rawFile 已被合并。 */\n\t\t\thandleRemove: computed(() => uploadRef.value?.handleRemove),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading,\n\t\t\t/** @description 文件集合 */\n\t\t\tfileList,\n\t\t\t/** @description 预览 */\n\t\t\tpreview: computed(() => state.preview),\n\t\t\t/** @description 预览集合 */\n\t\t\tpreviewList: computed(() => state.previewList),\n\t\t});\n\t},\n});\n"],"mappings":"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"}

package/dist/components/uploadImages/index.d.ts

@@ -0,0 +1,15 @@
+import UploadImages from "./src/uploadImages";
+import type { faUploadImagesEmits, faUploadImagesProps } from "./src/uploadImages";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 支持排序、预览、校验和状态同步的多图片上传组件。 */
+export declare const FaUploadImages: TSXWithInstall<typeof UploadImages>;
+export default FaUploadImages;
+export { faUploadImagesEmits, faUploadImagesProps } from "./src/uploadImages";
+export type { FaUploadImagesSlots } from "./src/uploadImages";
+/** FaUploadImages 暴露的组件实例类型。 */
+export type FaUploadImagesInstance = InstanceType<typeof UploadImages>;
+/** FaUploadImages 的完整 Props 类型。 */
+export type FaUploadImagesProps = ExtractPropTypes<typeof faUploadImagesProps>;
+/** FaUploadImages 的 Emits 类型。 */
+export type FaUploadImagesEmits = typeof faUploadImagesEmits;

package/dist/components/uploadImages/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import uploadImages_default, { faUploadImagesEmits, faUploadImagesProps } from "./src/uploadImages.mjs";
+//#region src/components/uploadImages/index.ts
+/** 支持排序、预览、校验和状态同步的多图片上传组件。 */
+const FaUploadImages = withInstall(uploadImages_default);
+//#endregion
+export { FaUploadImages, FaUploadImages as default, faUploadImagesEmits, faUploadImagesProps };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/uploadImages/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["UploadImages"],"sources":["../../../src/components/uploadImages/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport UploadImages from \"./src/uploadImages\";\nimport type { faUploadImagesEmits, faUploadImagesProps } from \"./src/uploadImages\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 支持排序、预览、校验和状态同步的多图片上传组件。 */\nexport const FaUploadImages: TSXWithInstall<typeof UploadImages> = withInstall(UploadImages);\nexport default FaUploadImages;\n\nexport { faUploadImagesEmits, faUploadImagesProps } from \"./src/uploadImages\";\nexport type { FaUploadImagesSlots } from \"./src/uploadImages\";\n\n/** FaUploadImages 暴露的组件实例类型。 */\nexport type FaUploadImagesInstance = InstanceType<typeof UploadImages>;\n\n/** FaUploadImages 的完整 Props 类型。 */\nexport type FaUploadImagesProps = ExtractPropTypes<typeof faUploadImagesProps>;\n\n/** FaUploadImages 的 Emits 类型。 */\nexport type FaUploadImagesEmits = typeof faUploadImagesEmits;\n"],"mappings":";;;;AAOA,MAAa,iBAAsD,YAAYA,oBAAY"}