fast-element-plus 1.0.21 → 2.0.1

package/dist/components/uploadImages/src/uploadImages.mjs

@@ -0,0 +1,185 @@
+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 { FaMimeType } from "../../../constants/mime.mjs";
+import { useUpload } from "../../upload/src/useUpload.mjs";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, reactive, ref, resolveDirective, withDirectives } from "vue";
+import { Delete, Edit, Plus, ZoomIn } from "@element-plus/icons-vue";
+import { ElIcon, ElImageViewer, ElUpload, uploadProps } from "element-plus";
+import { isArray, isNull } from "lodash-unified";
+//#region src/components/uploadImages/src/uploadImages.tsx
+/** FaUploadImages 的运行时 Props 定义。 */
+const faUploadImagesProps = {
+	...uploadProps,
+	/** @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-card"
+	},
+	/** @description whether uploading multiple files is permitted */
+	multiple: {
+		type: Boolean,
+		default: true
+	},
+	/** @description maximum number of uploads allowed */
+	limit: {
+		type: Number,
+		default: 9
+	},
+	/** @description v-model绑定值 */
+	modelValue: definePropType([Array]),
+	/** @description 大小限制，单位kb */
+	maxSize: {
+		type: [String, Number],
+		default: 2048
+	},
+	/** @description 图片上传接口，优先级最高 */
+	uploadApi: { type: definePropType(Function) },
+	/** @description 图片上传地址 */
+	uploadUrl: String
+};
+/** FaUploadImages 的运行时 Emits 定义。 */
+const faUploadImagesEmits = {
+	/** @description v-model 回调 */
+	"update:modelValue": (value) => isArray(value) || isNull(value),
+	/** @description v-model:fileList 回调 */
+	"update:fileList": (value) => isArray(value),
+	/** @description 改变 */
+	change: (value) => isArray(value) || isNull(value)
+};
+var uploadImages_default = defineComponent({
+	name: "FaUploadImages",
+	props: faUploadImagesProps,
+	emits: faUploadImagesEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const { fileList, loading, formContext, maxSizeMB, handleHttpRequest, handleOnSuccess, handleOnError, handleOnRemove, handleOnExceed, handleOnUpload } = useUpload("FaUploadImages", "图片", 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-images__${randomString(8)}`,
+			preview: false,
+			previewIndex: -1,
+			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 = (uploadFile) => {
+			state.previewIndex = fileList.value.findIndex((f) => f.url === uploadFile.url);
+			state.previewList = fileList.value.flatMap((item) => item.url ? [item.url] : []);
+			state.preview = true;
+		};
+		const handleRemove = (index) => {
+			const file = fileList.value[index];
+			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-images",
+				state.uploadKey,
+				{ "fa-upload-images__hidden-upload": fileList.value.length >= props.limit }
+			],
+			"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 < props.limit && slots.default ? slots.default() : createVNode(ElIcon, null, { default: () => [createVNode(Plus, null, null)] }),
+			tip: () => createVNode("div", { "class": "el-upload__tip" }, [
+				createTextVNode("files with a size less than "),
+				maxSizeMB.value.toString(),
+				createTextVNode("MB")
+			]),
+			file: ({ file, index }) => createVNode("div", null, [createVNode("img", {
+				"class": "el-upload-list__item-thumbnail",
+				"src": file.url
+			}, null), createVNode("span", { "class": "el-upload-list__item-actions" }, [createVNode("span", {
+				"class": "el-upload-list__item-preview",
+				"onClick": () => handlePreview(file),
+				"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(index),
+				"title": "删除"
+			}, [createVNode(ElIcon, null, { default: () => [createVNode(Delete, null, null)] })])])])])
+		}), [[resolveDirective("loading"), loading.value]]), state.preview && createVNode(ElImageViewer, {
+			"closeOnPressEscape": true,
+			"hideOnClickModal": true,
+			"teleported": true,
+			"initialIndex": Math.max(state.previewIndex, 0),
+			"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 { uploadImages_default as default, faUploadImagesEmits, faUploadImagesProps };
+
+//# sourceMappingURL=uploadImages.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"uploadImages.mjs","names":["update:modelValue","update:fileList"],"sources":["../../../../src/components/uploadImages/src/uploadImages.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, reactive, ref } from \"vue\";\nimport { Delete, Edit, Plus, ZoomIn } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElImageViewer, ElUpload, uploadProps } from \"element-plus\";\nimport { isArray, isNull } from \"lodash-unified\";\nimport { FaMimeType } from \"../../../constants\";\nimport { 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/** FaUploadImages 的运行时 Props 定义。 */\nexport const faUploadImagesProps = {\n\t...uploadProps,\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-card\",\n\t},\n\t/** @description whether uploading multiple files is permitted */\n\tmultiple: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description maximum number of uploads allowed */\n\tlimit: {\n\t\ttype: Number,\n\t\tdefault: 9,\n\t},\n\t/** @description v-model绑定值 */\n\tmodelValue: definePropType<string[] | null>([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};\n\n/** FaUploadImages 的运行时 Emits 定义。 */\nexport const faUploadImagesEmits = {\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: string[] | null): boolean => 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[] | null): boolean => isArray(value) || isNull(value),\n};\n\n/** FaUploadImages 的插槽参数。 */\nexport interface FaUploadImagesSlots extends Record<string, unknown> {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n}\n\nexport default defineComponent({\n\tname: \"FaUploadImages\",\n\tprops: faUploadImagesProps,\n\temits: faUploadImagesEmits,\n\tslots: makeSlots<FaUploadImagesSlots>(),\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[]>(\"FaUploadImages\", \"图片\", 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-images__${randomString(8)}`,\n\t\t\tpreview: false,\n\t\t\tpreviewIndex: -1,\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 = (uploadFile: UploadFile): void => {\n\t\t\tstate.previewIndex = fileList.value.findIndex((f) => f.url === uploadFile.url);\n\t\t\tstate.previewList = fileList.value.flatMap((item) => (item.url ? [item.url] : []));\n\t\t\tstate.preview = true;\n\t\t};\n\n\t\tconst handleRemove = (index: number): void => {\n\t\t\tconst file = fileList.value[index];\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-images\", state.uploadKey, { \"fa-upload-images__hidden-upload\": fileList.value.length >= props.limit }]}\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 < props.limit && 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<ElIcon>\n\t\t\t\t\t\t\t\t\t<Plus />\n\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\ttip: () => <div class=\"el-upload__tip\">files with a size less than {maxSizeMB.value.toString()}MB</div>,\n\t\t\t\t\t\tfile: ({ file, index }: { file: UploadFile; index: number }) => (\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<img class=\"el-upload-list__item-thumbnail\" src={file.url} />\n\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-actions\">\n\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-preview\" onClick={() => handlePreview(file)} title=\"查看\">\n\t\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t<ZoomIn />\n\t\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{!disabled.value && (\n\t\t\t\t\t\t\t\t\t\t<Fragment>\n\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<ElIcon>\n\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</ElIcon>\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"el-upload-list__item-icon\" onClick={() => handleRemove(index)} title=\"删除\">\n\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<Delete />\n\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</span>\n\t\t\t\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\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\tinitialIndex={Math.max(state.previewIndex, 0)}\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/constants/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./mime";
+export * from "./regex";

package/dist/constants/mime.d.ts

@@ -0,0 +1,59 @@
+/** 上传与文件选择使用的常用 MIME 类型集合。 */
+export declare const FaMimeType: {
+    /**
+     * PDF
+     */
+    PDF: string;
+    /**
+     * 文本文件
+     */
+    Text: string;
+    /**
+     * Word 和 DOCX（Word 2007 及以后版本）
+     */
+    Word: string;
+    /**
+     * Excel 和 CSV
+     */
+    Excel: string;
+    /**
+     * PowerPoint 和 PPTX（PowerPoint 2007 及以后版本）
+     */
+    Powerpoint: string;
+    /**
+     * 压缩文件
+     */
+    ZIP: string;
+    /**
+     * 图片
+     */
+    Image: string;
+    /**
+     * 视频
+     */
+    Video: string;
+    /**
+     * 音频
+     */
+    Audio: string;
+    /**
+     * HTML
+     */
+    Html: string;
+    /**
+     * CSS
+     */
+    Css: string;
+    /**
+     * JavaScript
+     */
+    JavaScript: string;
+    /**
+     * JSON
+     */
+    Json: string;
+    /**
+     * XML
+     */
+    XML: string;
+};

package/dist/constants/mime.mjs

@@ -0,0 +1,64 @@
+//#region src/constants/mime.ts
+/** 上传与文件选择使用的常用 MIME 类型集合。 */
+const FaMimeType = {
+	/**
+	* PDF
+	*/
+	PDF: "application/pdf",
+	/**
+	* 文本文件
+	*/
+	Text: "text/plain",
+	/**
+	* Word 和 DOCX（Word 2007 及以后版本）
+	*/
+	Word: "application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+	/**
+	* Excel 和 CSV
+	*/
+	Excel: "application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv",
+	/**
+	* PowerPoint 和 PPTX（PowerPoint 2007 及以后版本）
+	*/
+	Powerpoint: "application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation",
+	/**
+	* 压缩文件
+	*/
+	ZIP: "application/zip,application/x-zip-compressed",
+	/**
+	* 图片
+	*/
+	Image: "image/jpeg,image/png,image/gif",
+	/**
+	* 视频
+	*/
+	Video: "video/mp4,video/mpeg,video/quicktime",
+	/**
+	* 音频
+	*/
+	Audio: "audio/mpeg,audio/wav",
+	/**
+	* HTML
+	*/
+	Html: "text/html",
+	/**
+	* CSS
+	*/
+	Css: "text/css",
+	/**
+	* JavaScript
+	*/
+	JavaScript: "application/javascript,text/javascript",
+	/**
+	* JSON
+	*/
+	Json: "application/json",
+	/**
+	* XML
+	*/
+	XML: "application/xml,text/xml"
+};
+//#endregion
+export { FaMimeType };
+
+//# sourceMappingURL=mime.mjs.map

package/dist/constants/mime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mime.mjs","names":[],"sources":["../../src/constants/mime.ts"],"sourcesContent":["/** 上传与文件选择使用的常用 MIME 类型集合。 */\nexport const FaMimeType = {\n\t/**\n\t * PDF\n\t */\n\tPDF: \"application/pdf\",\n\t/**\n\t * 文本文件\n\t */\n\tText: \"text/plain\",\n\t/**\n\t * Word 和 DOCX（Word 2007 及以后版本）\n\t */\n\tWord: \"application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n\t/**\n\t * Excel 和 CSV\n\t */\n\tExcel: \"application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv\",\n\t/**\n\t * PowerPoint 和 PPTX（PowerPoint 2007 及以后版本）\n\t */\n\tPowerpoint: \"application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n\t/**\n\t * 压缩文件\n\t */\n\tZIP: \"application/zip,application/x-zip-compressed\",\n\t/**\n\t * 图片\n\t */\n\tImage: \"image/jpeg,image/png,image/gif\",\n\t/**\n\t * 视频\n\t */\n\tVideo: \"video/mp4,video/mpeg,video/quicktime\",\n\t/**\n\t * 音频\n\t */\n\tAudio: \"audio/mpeg,audio/wav\",\n\t/**\n\t * HTML\n\t */\n\tHtml: \"text/html\",\n\t/**\n\t * CSS\n\t */\n\tCss: \"text/css\",\n\t/**\n\t * JavaScript\n\t */\n\tJavaScript: \"application/javascript,text/javascript\",\n\t/**\n\t * JSON\n\t */\n\tJson: \"application/json\",\n\t/**\n\t * XML\n\t */\n\tXML: \"application/xml,text/xml\",\n};\n"],"mappings":";;AACA,MAAa,aAAa;;;;CAIzB,KAAK;;;;CAIL,MAAM;;;;CAIN,MAAM;;;;CAIN,OAAO;;;;CAIP,YAAY;;;;CAIZ,KAAK;;;;CAIL,OAAO;;;;CAIP,OAAO;;;;CAIP,OAAO;;;;CAIP,MAAM;;;;CAIN,KAAK;;;;CAIL,YAAY;;;;CAIZ,MAAM;;;;CAIN,KAAK;AACN"}

package/dist/constants/regex.d.ts

@@ -0,0 +1,76 @@
+/** Fast 业务表单和输入组件共享的正则表达式集合。 */
+export declare const RegExps: {
+    /**
+     * UUID
+     */
+    UUID: RegExp;
+    /**
+     * 手机号
+     */
+    Mobile: RegExp;
+    /**
+     * 电话
+     */
+    Phone: RegExp;
+    /**
+     * 邮箱
+     */
+    Email: RegExp;
+    /**
+     * 身份证
+     */
+    IdCard: RegExp;
+    /**
+     * 外部链接
+     * 匹配http、https、mailto、tel和ftp开头的链接
+     */
+    External: RegExp;
+    /**
+     * Url
+     */
+    Url: RegExp;
+    /**
+     * 车牌号
+     */
+    CarNumber: RegExp;
+    /**
+     * 新能源车牌号
+     */
+    NewEnergyCarNumber: RegExp;
+    /**
+     * 邮政编码
+     */
+    PostCode: RegExp;
+    /**
+     * ipv4
+     */
+    Ipv4: RegExp;
+    /**
+     * 护照
+     */
+    Passport: RegExp;
+    /**
+     * 港澳通行证
+     */
+    HKMacauPass: RegExp;
+    /**
+     * 账号（6-20位字母或数字，必须以字母开头，不能全为数字）
+     */
+    Account: RegExp;
+    /**
+     * 弱密码（只包含字母和数字，长度为6到18位）
+     */
+    Password: RegExp;
+    /**
+     * 强密码（8到20位，包含大小写字母、数字及特殊字符）
+     */
+    StrongPassword: RegExp;
+    /**
+     * 中文字符
+     */
+    Chinese: RegExp;
+    /**
+     * 英文字符
+     */
+    English: RegExp;
+};

package/dist/constants/regex.mjs

@@ -0,0 +1,81 @@
+//#region src/constants/regex.ts
+/** Fast 业务表单和输入组件共享的正则表达式集合。 */
+const RegExps = {
+	/**
+	* UUID
+	*/
+	UUID: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,
+	/**
+	* 手机号
+	*/
+	Mobile: /^(?:(?:\+|00)86)?1\d{10}$/,
+	/**
+	* 电话
+	*/
+	Phone: /^(?:(?:\d{3}-)?\d{8}|(?:\d{4}-)?\d{7,8})(?:-\d+)?$/,
+	/**
+	* 邮箱
+	*/
+	Email: /^[\w-]+@([a-zA-Z0-9]+\.)+(com|cn|net|org)$/,
+	/**
+	* 身份证
+	*/
+	IdCard: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9X]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9X]$)/i,
+	/**
+	* 外部链接
+	* 匹配http、https、mailto、tel和ftp开头的链接
+	*/
+	External: /^(https?:|mailto:|tel:|ftp:)/,
+	/**
+	* Url
+	*/
+	Url: /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4]\d|1\d{2}|[1-9]\d?)(\.(25[0-5]|2[0-4]\d|1\d{2}|[1-9]?\d)){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:\d+)*(\/($|[\w.,?'\\+&%$#=~-]+))*$/,
+	/**
+	* 车牌号
+	*/
+	CarNumber: /^[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼渝川贵云藏陕甘青宁新军使领][A-HJ-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/,
+	/**
+	* 新能源车牌号
+	*/
+	NewEnergyCarNumber: /^[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼渝川贵云藏陕甘青宁新军使领][A-HJ-Z]((\d{5}[DF]$)|([A-E][A-HJ-NP-Z0-9]\d{3}[0-9挂学警港澳]$)|([FGHJK][A-HJ-NP-Z0-9]\d{3}[0-9挂学警港澳]$))/,
+	/**
+	* 邮政编码
+	*/
+	PostCode: /^[1-9]\d{5}$/,
+	/**
+	* ipv4
+	*/
+	Ipv4: /^([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])\.([01]?\d{1,2}|2[0-4]\d|25[0-5])$/,
+	/**
+	* 护照
+	*/
+	Passport: /^[EG]\d{8}$/i,
+	/**
+	* 港澳通行证
+	*/
+	HKMacauPass: /^[HM]\d{8}$/i,
+	/**
+	* 账号（6-20位字母或数字，必须以字母开头，不能全为数字）
+	*/
+	Account: /^[a-z][a-z\d]{5,19}$/i,
+	/**
+	* 弱密码（只包含字母和数字，长度为6到18位）
+	*/
+	Password: /^[A-Z0-9]{6,18}$/i,
+	/**
+	* 强密码（8到20位，包含大小写字母、数字及特殊字符）
+	*/
+	StrongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[\W_])[\s\S]{8,20}$/,
+	/**
+	* 中文字符
+	*/
+	Chinese: /^[\u4E00-\u9FA5]+$/,
+	/**
+	* 英文字符
+	*/
+	English: /^[a-z]+$/i
+};
+//#endregion
+export { RegExps };
+
+//# sourceMappingURL=regex.mjs.map

package/dist/constants/regex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"regex.mjs","names":[],"sources":["../../src/constants/regex.ts"],"sourcesContent":["/** Fast 业务表单和输入组件共享的正则表达式集合。 */\nexport const RegExps = {\n\t/**\n\t * UUID\n\t */\n\tUUID: /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i,\n\t/**\n\t * 手机号\n\t */\n\tMobile: /^(?:(?:\\+|00)86)?1\\d{10}$/,\n\t/**\n\t * 电话\n\t */\n\tPhone: /^(?:(?:\\d{3}-)?\\d{8}|(?:\\d{4}-)?\\d{7,8})(?:-\\d+)?$/,\n\t/**\n\t * 邮箱\n\t */\n\tEmail: /^[\\w-]+@([a-zA-Z0-9]+\\.)+(com|cn|net|org)$/,\n\t/**\n\t * 身份证\n\t */\n\tIdCard: /(^[1-9]\\d{5}(18|19|([23]\\d))\\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{3}[0-9X]$)|(^[1-9]\\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\\d{2}[0-9X]$)/i,\n\t/**\n\t * 外部链接\n\t * 匹配http、https、mailto、tel和ftp开头的链接\n\t */\n\tExternal: /^(https?:|mailto:|tel:|ftp:)/,\n\t/**\n\t * Url\n\t */\n\tUrl: /^(https?|ftp):\\/\\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4]\\d|1\\d{2}|[1-9]\\d?)(\\.(25[0-5]|2[0-4]\\d|1\\d{2}|[1-9]?\\d)){3}|([a-zA-Z0-9-]+\\.)*[a-zA-Z0-9-]+\\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:\\d+)*(\\/($|[\\w.,?'\\\\+&%$#=~-]+))*$/,\n\t/**\n\t * 车牌号\n\t */\n\tCarNumber: /^[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼渝川贵云藏陕甘青宁新军使领][A-HJ-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]$/,\n\t/**\n\t * 新能源车牌号\n\t */\n\tNewEnergyCarNumber:\n\t\t/^[京津冀晋蒙辽吉黑沪苏浙皖闽赣鲁豫鄂湘粤桂琼渝川贵云藏陕甘青宁新军使领][A-HJ-Z]((\\d{5}[DF]$)|([A-E][A-HJ-NP-Z0-9]\\d{3}[0-9挂学警港澳]$)|([FGHJK][A-HJ-NP-Z0-9]\\d{3}[0-9挂学警港澳]$))/,\n\t/**\n\t * 邮政编码\n\t */\n\tPostCode: /^[1-9]\\d{5}$/,\n\t/**\n\t * ipv4\n\t */\n\tIpv4: /^([01]?\\d{1,2}|2[0-4]\\d|25[0-5])\\.([01]?\\d{1,2}|2[0-4]\\d|25[0-5])\\.([01]?\\d{1,2}|2[0-4]\\d|25[0-5])\\.([01]?\\d{1,2}|2[0-4]\\d|25[0-5])$/,\n\t/**\n\t * 护照\n\t */\n\tPassport: /^[EG]\\d{8}$/i,\n\t/**\n\t * 港澳通行证\n\t */\n\tHKMacauPass: /^[HM]\\d{8}$/i,\n\t/**\n\t * 账号（6-20位字母或数字，必须以字母开头，不能全为数字）\n\t */\n\tAccount: /^[a-z][a-z\\d]{5,19}$/i,\n\t/**\n\t * 弱密码（只包含字母和数字，长度为6到18位）\n\t */\n\tPassword: /^[A-Z0-9]{6,18}$/i,\n\t/**\n\t * 强密码（8到20位，包含大小写字母、数字及特殊字符）\n\t */\n\tStrongPassword: /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[\\W_])[\\s\\S]{8,20}$/,\n\t/**\n\t * 中文字符\n\t */\n\tChinese: /^[\\u4E00-\\u9FA5]+$/,\n\t/**\n\t * 英文字符\n\t */\n\tEnglish: /^[a-z]+$/i,\n};\n"],"mappings":";;AACA,MAAa,UAAU;;;;CAItB,MAAM;;;;CAIN,QAAQ;;;;CAIR,OAAO;;;;CAIP,OAAO;;;;CAIP,QAAQ;;;;;CAKR,UAAU;;;;CAIV,KAAK;;;;CAIL,WAAW;;;;CAIX,oBACC;;;;CAID,UAAU;;;;CAIV,MAAM;;;;CAIN,UAAU;;;;CAIV,aAAa;;;;CAIb,SAAS;;;;CAIT,UAAU;;;;CAIV,gBAAgB;;;;CAIhB,SAAS;;;;CAIT,SAAS;AACV"}

package/dist/directive.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from "vue";
+/** 默认安装器注册的全部 Fast.Element.Plus 指令。 */
+declare const _default: Plugin[];
+export default _default;

package/dist/directive.mjs

@@ -0,0 +1,20 @@
+import vCopy from "./directives/click-copy/index.mjs";
+import vDebounce from "./directives/click-debounce/index.mjs";
+import vDraggable from "./directives/click-draggable/index.mjs";
+import vIconCopy from "./directives/click-icon-copy/index.mjs";
+import vLongpress from "./directives/click-longpress/index.mjs";
+import vThrottle from "./directives/click-throttle/index.mjs";
+//#region src/directive.ts
+/** 默认安装器注册的全部 Fast.Element.Plus 指令。 */
+var directive_default = [
+	vCopy,
+	vDebounce,
+	vDraggable,
+	vIconCopy,
+	vLongpress,
+	vThrottle
+];
+//#endregion
+export { directive_default as default };
+
+//# sourceMappingURL=directive.mjs.map

package/dist/directive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"directive.mjs","names":[],"sources":["../src/directive.ts"],"sourcesContent":["import { vCopy } from \"./directives/click-copy\";\nimport { vDebounce } from \"./directives/click-debounce\";\nimport { vDraggable } from \"./directives/click-draggable\";\nimport { vIconCopy } from \"./directives/click-icon-copy\";\nimport { vLongpress } from \"./directives/click-longpress\";\nimport { vThrottle } from \"./directives/click-throttle\";\nimport type { Plugin } from \"vue\";\n\n/** 默认安装器注册的全部 Fast.Element.Plus 指令。 */\nexport default [vCopy, vDebounce, vDraggable, vIconCopy, vLongpress, vThrottle] as Plugin[];\n"],"mappings":";;;;;;;;AASA,IAAA,oBAAe;CAAC;CAAO;CAAW;CAAY;CAAW;CAAY;AAAS"}

package/dist/directives/click-copy/index.d.ts

@@ -0,0 +1,3 @@
+/** 将绑定值复制到剪贴板的 Vue 指令。 */
+export declare const vCopy: import("../../utils").Installable<import("vue").ObjectDirective<any, any, string, any>>;
+export default vCopy;

package/dist/directives/click-copy/index.mjs

@@ -0,0 +1,39 @@
+import { copy } from "../../utils/string/index.mjs";
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+import { ElMessage } from "element-plus";
+/** 将绑定值复制到剪贴板的 Vue 指令。 */
+const vCopy = withInstallDirective({
+	mounted(el, binding) {
+		el.copyData = binding.value;
+		const copy$1 = async () => {
+			if (!el.copyData) return;
+			try {
+				await copy(String(el.copyData));
+				ElMessage({
+					type: "success",
+					message: "复制成功"
+				});
+			} catch (error) {
+				ElMessage({
+					type: "error",
+					message: "复制失败"
+				});
+				throw error;
+			}
+		};
+		el.__handleClick__ = () => {
+			copy$1();
+		};
+		el.addEventListener("click", el.__handleClick__);
+	},
+	updated(el, binding) {
+		el.copyData = binding.value;
+	},
+	beforeUnmount(el) {
+		el.removeEventListener("click", el.__handleClick__);
+	}
+}, "copy");
+//#endregion
+export { vCopy as default, vCopy };
+
+//# sourceMappingURL=index.mjs.map

package/dist/directives/click-copy/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["copy","copyToClipboard"],"sources":["../../../src/directives/click-copy/index.ts"],"sourcesContent":["/**\n * v-copy\n * 复制某个值至剪贴板\n * 接收参数：string类型/Ref<string>类型/Reactive<string>类型\n */\nimport { ElMessage } from \"element-plus\";\nimport { copy as copyToClipboard, withInstallDirective } from \"../../utils\";\nimport type { Directive, DirectiveBinding } from \"vue\";\n\ninterface CopyElement extends HTMLElement {\n\tcopyData: string | number;\n\t__handleClick__: () => void;\n}\n\nconst CopyDirective: Directive = {\n\tmounted(el: CopyElement, binding: DirectiveBinding<string | number>) {\n\t\tel.copyData = binding.value;\n\n\t\tconst copy = async (): Promise<void> => {\n\t\t\tif (!el.copyData) return;\n\t\t\ttry {\n\t\t\t\tawait copyToClipboard(String(el.copyData));\n\t\t\t\tElMessage({\n\t\t\t\t\ttype: \"success\",\n\t\t\t\t\tmessage: \"复制成功\",\n\t\t\t\t});\n\t\t\t} catch (error) {\n\t\t\t\tElMessage({\n\t\t\t\t\ttype: \"error\",\n\t\t\t\t\tmessage: \"复制失败\",\n\t\t\t\t});\n\t\t\t\tthrow error;\n\t\t\t}\n\t\t};\n\t\tel.__handleClick__ = (): void => {\n\t\t\tvoid copy();\n\t\t};\n\t\tel.addEventListener(\"click\", el.__handleClick__);\n\t},\n\tupdated(el: CopyElement, binding: DirectiveBinding<string | number>) {\n\t\tel.copyData = binding.value;\n\t},\n\tbeforeUnmount(el: CopyElement) {\n\t\tel.removeEventListener(\"click\", el.__handleClick__);\n\t},\n};\n\n/** 将绑定值复制到剪贴板的 Vue 指令。 */\nexport const vCopy = withInstallDirective(CopyDirective, \"copy\");\nexport default vCopy;\n"],"mappings":";;;;AAgDA,MAAa,QAAQ,qBAAqB;CAjCzC,QAAQ,IAAiB,SAA4C;EACpE,GAAG,WAAW,QAAQ;EAEtB,MAAMA,SAAO,YAA2B;GACvC,IAAI,CAAC,GAAG,UAAU;GAClB,IAAI;IACH,MAAMC,KAAgB,OAAO,GAAG,QAAQ,CAAC;IACzC,UAAU;KACT,MAAM;KACN,SAAS;IACV,CAAC;GACF,SAAS,OAAO;IACf,UAAU;KACT,MAAM;KACN,SAAS;IACV,CAAC;IACD,MAAM;GACP;EACD;EACA,GAAG,wBAA8B;GAChC,OAAU;EACX;EACA,GAAG,iBAAiB,SAAS,GAAG,eAAe;CAChD;CACA,QAAQ,IAAiB,SAA4C;EACpE,GAAG,WAAW,QAAQ;CACvB;CACA,cAAc,IAAiB;EAC9B,GAAG,oBAAoB,SAAS,GAAG,eAAe;CACnD;AAIyC,GAAe,MAAM"}

package/dist/directives/click-debounce/index.d.ts

@@ -0,0 +1,7 @@
+interface DebounceElement extends HTMLElement {
+    __debounce_timer__?: ReturnType<typeof setTimeout>;
+    __debounce_originClick__?: (...arguments_: unknown[]) => unknown;
+}
+/** 对点击回调进行防抖处理的 Vue 指令。 */
+export declare const vDebounce: import("../../utils").Installable<import("vue").ObjectDirective<DebounceElement, any, string, any>>;
+export default vDebounce;

package/dist/directives/click-debounce/index.mjs

@@ -0,0 +1,17 @@
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+/** 对点击回调进行防抖处理的 Vue 指令。 */
+const vDebounce = withInstallDirective({ created(el, _binding, vNode) {
+	const props = vNode.props;
+	if (props?.onClick === void 0) return;
+	el.__debounce_originClick__ = props.onClick;
+	props.onClick = (...arguments_) => {
+		if (el.__debounce_timer__) clearTimeout(el.__debounce_timer__);
+		el.__debounce_timer__ = setTimeout(() => {
+			el.__debounce_originClick__?.(...arguments_);
+		}, 500);
+	};
+} }, "debounce");
+//#endregion
+export { vDebounce as default, vDebounce };
+
+//# sourceMappingURL=index.mjs.map

package/dist/directives/click-debounce/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/directives/click-debounce/index.ts"],"sourcesContent":["/**\n * v-debounce\n * 按钮防抖指令\n */\nimport { withInstallDirective } from \"../../utils\";\nimport type { Directive } from \"vue\";\n\ninterface DebounceElement extends HTMLElement {\n\t__debounce_timer__?: ReturnType<typeof setTimeout>;\n\t__debounce_originClick__?: (...arguments_: unknown[]) => unknown;\n}\n\nconst DebounceDirective: Directive<DebounceElement> = {\n\tcreated(el, _binding, vNode) {\n\t\tconst props = vNode.props as { onClick?: (...arguments_: unknown[]) => unknown } | null;\n\t\tif (props?.onClick === undefined) return;\n\n\t\t// 记录原来的点击事件方法\n\t\tel.__debounce_originClick__ = props.onClick;\n\n\t\t// 替换原来的点击事件\n\t\tprops.onClick = (...arguments_: unknown[]): void => {\n\t\t\tif (el.__debounce_timer__) {\n\t\t\t\tclearTimeout(el.__debounce_timer__);\n\t\t\t}\n\t\t\t// 防抖处理\n\t\t\tel.__debounce_timer__ = setTimeout(() => {\n\t\t\t\tel.__debounce_originClick__?.(...arguments_);\n\t\t\t}, 500);\n\t\t};\n\t},\n};\n\n/** 对点击回调进行防抖处理的 Vue 指令。 */\nexport const vDebounce = withInstallDirective(DebounceDirective, \"debounce\");\nexport default vDebounce;\n"],"mappings":";;AAkCA,MAAa,YAAY,qBAAqB,EArB7C,QAAQ,IAAI,UAAU,OAAO;CAC5B,MAAM,QAAQ,MAAM;CACpB,IAAI,OAAO,YAAY,KAAA,GAAW;CAGlC,GAAG,2BAA2B,MAAM;CAGpC,MAAM,WAAW,GAAG,eAAgC;EACnD,IAAI,GAAG,oBACN,aAAa,GAAG,kBAAkB;EAGnC,GAAG,qBAAqB,iBAAiB;GACxC,GAAG,2BAA2B,GAAG,UAAU;EAC5C,GAAG,GAAG;CACP;AACD,EAI6C,GAAmB,UAAU"}

package/dist/directives/click-draggable/index.d.ts

@@ -0,0 +1,3 @@
+/** 使元素可在父元素范围内拖拽的 Vue 指令。 */
+export declare const vDraggable: import("../../utils").Installable<import("vue").ObjectDirective<HTMLElement, any, string, any>>;
+export default vDraggable;