fast-element-plus 1.0.21 → 2.0.0

package/dist/components/form/utils/form.mjs

@@ -0,0 +1,176 @@
+import { RegExps } from "../../../constants/regex.mjs";
+//#region src/components/form/utils/form.ts
+/**
+* 表单工具类
+*/
+const formUtil = {
+	/**
+	* ElForm 表单验证
+	* @param elFormRef ElForm 组件ref
+	*/
+	validate(elFormRef) {
+		return new Promise((resolve, reject) => {
+			const form = elFormRef.value;
+			if (form === void 0) {
+				reject(/* @__PURE__ */ new Error("ElForm 实例尚未挂载。"));
+				return;
+			}
+			form.validate((isValid, invalidFields) => {
+				if (isValid) resolve(isValid);
+				else {
+					if (invalidFields) console.warn("[Fast:formUtil]", "表单验证失败。", invalidFields);
+					reject(/* @__PURE__ */ new Error("表单验证失败。"));
+				}
+			});
+		});
+	},
+	/**
+	* ElForm 表单验证，带滚动
+	* @param elFormRef ElForm 组件ref
+	*/
+	validateScrollToField(elFormRef) {
+		return new Promise((resolve, reject) => {
+			const form = elFormRef.value;
+			if (form === void 0) {
+				reject(/* @__PURE__ */ new Error("ElForm 实例尚未挂载。"));
+				return;
+			}
+			form.validate((isValid, invalidFields) => {
+				if (isValid) resolve(isValid);
+				else {
+					form.scrollToField(Object.keys(invalidFields ?? {}));
+					if (invalidFields) console.warn("[Fast:formUtil]", "表单验证失败。", invalidFields);
+					reject(/* @__PURE__ */ new Error("表单验证失败。"));
+				}
+			});
+		});
+	},
+	/**
+	* 手机号
+	*/
+	mobile(_rule, value, callback) {
+		if (!value) callback(/* @__PURE__ */ new Error("请输入手机号码"));
+		else if (RegExps.Mobile.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的手机号码"));
+	},
+	/**
+	* 电话号码
+	*/
+	phone(_rule, value, callback) {
+		if (!value) callback();
+		else if (RegExps.Phone.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的电话号码"));
+	},
+	/**
+	* 邮箱
+	*/
+	email(_rule, value, callback) {
+		if (!value) callback();
+		else if (RegExps.Email.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的邮箱地址"));
+	},
+	/**
+	* 身份证
+	*/
+	idCard(_rule, value, callback) {
+		if (RegExps.IdCard.test(value) || !value) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的身份证号码"));
+	},
+	/**
+	* 车牌号
+	*/
+	carNumber(_rule, value, callback) {
+		let success = false;
+		if (value?.length === 7) success = RegExps.CarNumber.test(value);
+		else if (value?.length === 8) success = RegExps.NewEnergyCarNumber.test(value);
+		if (success) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的车牌号码"));
+	},
+	/**
+	* editor 必填
+	*/
+	editorRequired(_rule, value, callback) {
+		if (value === "<p><br></p>") return callback(/* @__PURE__ */ new Error("内容不能为空"));
+		return callback();
+	},
+	/**
+	* 外部链接
+	*/
+	external(_rule, value, callback) {
+		if (RegExps.External.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入正确的外部链接"));
+	},
+	/**
+	* 有效的URL
+	*/
+	url(_rule, value, callback) {
+		if (RegExps.Url.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的 URL。"));
+	},
+	/**
+	* 邮政编码
+	*/
+	postCode(_rule, value, callback) {
+		if (RegExps.PostCode.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的邮政编码"));
+	},
+	/**
+	* 账号（6-20位字母或数字，必须以字母开头，不能全为数字）
+	*/
+	account(_rule, value, callback) {
+		if (RegExps.Account.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的账号（6-20位字母或数字，必须以字母开头，不能全为数字）"));
+	},
+	/**
+	* 弱密码（只包含字母和数字，长度为6到18位）
+	*/
+	password(_rule, value, callback) {
+		if (RegExps.Password.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的密码（只包含字母和数字，长度为6到18位）"));
+	},
+	/**
+	* 强密码（8到20位，包含大小写字母、数字及特殊字符）
+	*/
+	strongPassword(_rule, value, callback) {
+		if (RegExps.StrongPassword.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的密码（8到20位，包含大小写字母、数字及特殊字符）"));
+	},
+	/**
+	* 中文字符
+	*/
+	chinese(_rule, value, callback) {
+		if (RegExps.Chinese.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的中文字符"));
+	},
+	/**
+	* 英文字符
+	*/
+	english(_rule, value, callback) {
+		if (RegExps.English.test(value)) callback();
+		else callback(/* @__PURE__ */ new Error("请输入有效的英文字符"));
+	},
+	/**
+	* 文本框必填
+	*/
+	inputRequired(message, trigger = "blur") {
+		return {
+			required: true,
+			message,
+			trigger
+		};
+	},
+	/**
+	* 选择器必选
+	*/
+	selectRequired(message, trigger = "change") {
+		return {
+			required: true,
+			message,
+			trigger
+		};
+	}
+};
+//#endregion
+export { formUtil };
+
+//# sourceMappingURL=form.mjs.map

package/dist/components/form/utils/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":[],"sources":["../../../../src/components/form/utils/form.ts"],"sourcesContent":["import { RegExps } from \"../../../constants\";\nimport type { FormInstance, FormItemRule, FormValidationResult } from \"element-plus\";\nimport type { Ref } from \"vue\";\n\ntype ValidationCallback = (error?: Error) => void;\n\n/**\n * 表单工具类\n */\nexport const formUtil = {\n\t/**\n\t * ElForm 表单验证\n\t * @param elFormRef ElForm 组件ref\n\t */\n\tvalidate(elFormRef: Ref<FormInstance | undefined>): FormValidationResult {\n\t\treturn new Promise<boolean>((resolve, reject) => {\n\t\t\tconst form = elFormRef.value;\n\t\t\tif (form === undefined) {\n\t\t\t\treject(new Error(\"ElForm 实例尚未挂载。\"));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvoid form.validate((isValid: boolean, invalidFields?) => {\n\t\t\t\tif (isValid) {\n\t\t\t\t\tresolve(isValid);\n\t\t\t\t} else {\n\t\t\t\t\tif (invalidFields) {\n\t\t\t\t\t\tconsole.warn(\"[Fast:formUtil]\", \"表单验证失败。\", invalidFields);\n\t\t\t\t\t}\n\t\t\t\t\treject(new Error(\"表单验证失败。\"));\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t},\n\t/**\n\t * ElForm 表单验证，带滚动\n\t * @param elFormRef ElForm 组件ref\n\t */\n\tvalidateScrollToField(elFormRef: Ref<FormInstance | undefined>): FormValidationResult {\n\t\treturn new Promise<boolean>((resolve, reject) => {\n\t\t\tconst form = elFormRef.value;\n\t\t\tif (form === undefined) {\n\t\t\t\treject(new Error(\"ElForm 实例尚未挂载。\"));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tvoid form.validate((isValid: boolean, invalidFields?) => {\n\t\t\t\tif (isValid) {\n\t\t\t\t\tresolve(isValid);\n\t\t\t\t} else {\n\t\t\t\t\tform.scrollToField(Object.keys(invalidFields ?? {}));\n\t\t\t\t\tif (invalidFields) {\n\t\t\t\t\t\tconsole.warn(\"[Fast:formUtil]\", \"表单验证失败。\", invalidFields);\n\t\t\t\t\t}\n\t\t\t\t\treject(new Error(\"表单验证失败。\"));\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t},\n\t/**\n\t * 手机号\n\t */\n\tmobile(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (!value) {\n\t\t\tcallback(new Error(\"请输入手机号码\"));\n\t\t} else if (RegExps.Mobile.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的手机号码\"));\n\t\t}\n\t},\n\t/**\n\t * 电话号码\n\t */\n\tphone(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (!value) {\n\t\t\tcallback();\n\t\t} else if (RegExps.Phone.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的电话号码\"));\n\t\t}\n\t},\n\t/**\n\t * 邮箱\n\t */\n\temail(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (!value) {\n\t\t\tcallback();\n\t\t} else if (RegExps.Email.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的邮箱地址\"));\n\t\t}\n\t},\n\t/**\n\t * 身份证\n\t */\n\tidCard(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.IdCard.test(value) || !value) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的身份证号码\"));\n\t\t}\n\t},\n\t/**\n\t * 车牌号\n\t */\n\tcarNumber(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tlet success = false;\n\t\tif (value?.length === 7) {\n\t\t\tsuccess = RegExps.CarNumber.test(value);\n\t\t} else if (value?.length === 8) {\n\t\t\tsuccess = RegExps.NewEnergyCarNumber.test(value);\n\t\t}\n\t\tif (success) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的车牌号码\"));\n\t\t}\n\t},\n\t/**\n\t * editor 必填\n\t */\n\teditorRequired(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (value === \"<p><br></p>\") {\n\t\t\treturn callback(new Error(\"内容不能为空\"));\n\t\t}\n\t\treturn callback();\n\t},\n\t/**\n\t * 外部链接\n\t */\n\texternal(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.External.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入正确的外部链接\"));\n\t\t}\n\t},\n\t/**\n\t * 有效的URL\n\t */\n\turl(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.Url.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的 URL。\"));\n\t\t}\n\t},\n\t/**\n\t * 邮政编码\n\t */\n\tpostCode(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.PostCode.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的邮政编码\"));\n\t\t}\n\t},\n\t/**\n\t * 账号（6-20位字母或数字，必须以字母开头，不能全为数字）\n\t */\n\taccount(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.Account.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的账号（6-20位字母或数字，必须以字母开头，不能全为数字）\"));\n\t\t}\n\t},\n\t/**\n\t * 弱密码（只包含字母和数字，长度为6到18位）\n\t */\n\tpassword(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.Password.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的密码（只包含字母和数字，长度为6到18位）\"));\n\t\t}\n\t},\n\t/**\n\t * 强密码（8到20位，包含大小写字母、数字及特殊字符）\n\t */\n\tstrongPassword(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.StrongPassword.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的密码（8到20位，包含大小写字母、数字及特殊字符）\"));\n\t\t}\n\t},\n\t/**\n\t * 中文字符\n\t */\n\tchinese(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.Chinese.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的中文字符\"));\n\t\t}\n\t},\n\t/**\n\t * 英文字符\n\t */\n\tenglish(_rule: FormItemRule, value: string, callback: ValidationCallback): void {\n\t\tif (RegExps.English.test(value)) {\n\t\t\tcallback();\n\t\t} else {\n\t\t\tcallback(new Error(\"请输入有效的英文字符\"));\n\t\t}\n\t},\n\t/**\n\t * 文本框必填\n\t */\n\tinputRequired(message: string, trigger = \"blur\"): FormItemRule {\n\t\treturn {\n\t\t\trequired: true,\n\t\t\tmessage,\n\t\t\ttrigger,\n\t\t};\n\t},\n\t/**\n\t * 选择器必选\n\t */\n\tselectRequired(message: string, trigger = \"change\"): FormItemRule {\n\t\treturn {\n\t\t\trequired: true,\n\t\t\tmessage,\n\t\t\ttrigger,\n\t\t};\n\t},\n};\n"],"mappings":";;;;;AASA,MAAa,WAAW;;;;;CAKvB,SAAS,WAAgE;EACxE,OAAO,IAAI,SAAkB,SAAS,WAAW;GAChD,MAAM,OAAO,UAAU;GACvB,IAAI,SAAS,KAAA,GAAW;IACvB,uBAAO,IAAI,MAAM,gBAAgB,CAAC;IAClC;GACD;GACA,KAAU,UAAU,SAAkB,kBAAmB;IACxD,IAAI,SACH,QAAQ,OAAO;SACT;KACN,IAAI,eACH,QAAQ,KAAK,mBAAmB,WAAW,aAAa;KAEzD,uBAAO,IAAI,MAAM,SAAS,CAAC;IAC5B;GACD,CAAC;EACF,CAAC;CACF;;;;;CAKA,sBAAsB,WAAgE;EACrF,OAAO,IAAI,SAAkB,SAAS,WAAW;GAChD,MAAM,OAAO,UAAU;GACvB,IAAI,SAAS,KAAA,GAAW;IACvB,uBAAO,IAAI,MAAM,gBAAgB,CAAC;IAClC;GACD;GACA,KAAU,UAAU,SAAkB,kBAAmB;IACxD,IAAI,SACH,QAAQ,OAAO;SACT;KACN,KAAK,cAAc,OAAO,KAAK,iBAAiB,CAAC,CAAC,CAAC;KACnD,IAAI,eACH,QAAQ,KAAK,mBAAmB,WAAW,aAAa;KAEzD,uBAAO,IAAI,MAAM,SAAS,CAAC;IAC5B;GACD,CAAC;EACF,CAAC;CACF;;;;CAIA,OAAO,OAAqB,OAAe,UAAoC;EAC9E,IAAI,CAAC,OACJ,yBAAS,IAAI,MAAM,SAAS,CAAC;OACvB,IAAI,QAAQ,OAAO,KAAK,KAAK,GACnC,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,MAAM,OAAqB,OAAe,UAAoC;EAC7E,IAAI,CAAC,OACJ,SAAS;OACH,IAAI,QAAQ,MAAM,KAAK,KAAK,GAClC,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,MAAM,OAAqB,OAAe,UAAoC;EAC7E,IAAI,CAAC,OACJ,SAAS;OACH,IAAI,QAAQ,MAAM,KAAK,KAAK,GAClC,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,OAAO,OAAqB,OAAe,UAAoC;EAC9E,IAAI,QAAQ,OAAO,KAAK,KAAK,KAAK,CAAC,OAClC,SAAS;OAET,yBAAS,IAAI,MAAM,aAAa,CAAC;CAEnC;;;;CAIA,UAAU,OAAqB,OAAe,UAAoC;EACjF,IAAI,UAAU;EACd,IAAI,OAAO,WAAW,GACrB,UAAU,QAAQ,UAAU,KAAK,KAAK;OAChC,IAAI,OAAO,WAAW,GAC5B,UAAU,QAAQ,mBAAmB,KAAK,KAAK;EAEhD,IAAI,SACH,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,eAAe,OAAqB,OAAe,UAAoC;EACtF,IAAI,UAAU,eACb,OAAO,yBAAS,IAAI,MAAM,QAAQ,CAAC;EAEpC,OAAO,SAAS;CACjB;;;;CAIA,SAAS,OAAqB,OAAe,UAAoC;EAChF,IAAI,QAAQ,SAAS,KAAK,KAAK,GAC9B,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,IAAI,OAAqB,OAAe,UAAoC;EAC3E,IAAI,QAAQ,IAAI,KAAK,KAAK,GACzB,SAAS;OAET,yBAAS,IAAI,MAAM,aAAa,CAAC;CAEnC;;;;CAIA,SAAS,OAAqB,OAAe,UAAoC;EAChF,IAAI,QAAQ,SAAS,KAAK,KAAK,GAC9B,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,QAAQ,OAAqB,OAAe,UAAoC;EAC/E,IAAI,QAAQ,QAAQ,KAAK,KAAK,GAC7B,SAAS;OAET,yBAAS,IAAI,MAAM,qCAAqC,CAAC;CAE3D;;;;CAIA,SAAS,OAAqB,OAAe,UAAoC;EAChF,IAAI,QAAQ,SAAS,KAAK,KAAK,GAC9B,SAAS;OAET,yBAAS,IAAI,MAAM,6BAA6B,CAAC;CAEnD;;;;CAIA,eAAe,OAAqB,OAAe,UAAoC;EACtF,IAAI,QAAQ,eAAe,KAAK,KAAK,GACpC,SAAS;OAET,yBAAS,IAAI,MAAM,iCAAiC,CAAC;CAEvD;;;;CAIA,QAAQ,OAAqB,OAAe,UAAoC;EAC/E,IAAI,QAAQ,QAAQ,KAAK,KAAK,GAC7B,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,QAAQ,OAAqB,OAAe,UAAoC;EAC/E,IAAI,QAAQ,QAAQ,KAAK,KAAK,GAC7B,SAAS;OAET,yBAAS,IAAI,MAAM,YAAY,CAAC;CAElC;;;;CAIA,cAAc,SAAiB,UAAU,QAAsB;EAC9D,OAAO;GACN,UAAU;GACV;GACA;EACD;CACD;;;;CAIA,eAAe,SAAiB,UAAU,UAAwB;EACjE,OAAO;GACN,UAAU;GACV;GACA;EACD;CACD;AACD"}

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

@@ -0,0 +1,12 @@
+import FormItemTip, { faFormItemTipProps } from "./src/formItemTip";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 为表单项标签提供补充说明的提示组件。 */
+export declare const FaFormItemTip: TSXWithInstall<typeof FormItemTip>;
+export default FaFormItemTip;
+export { faFormItemTipProps };
+export type { FaFormItemTipSlots } from "./src/formItemTip";
+/** FaFormItemTip 暴露的组件实例类型。 */
+export type FaFormItemTipInstance = InstanceType<typeof FormItemTip>;
+/** FaFormItemTip 的完整 Props 类型。 */
+export type FaFormItemTipProps = ExtractPropTypes<typeof faFormItemTipProps>;

package/dist/components/formItemTip/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import formItemTip_default, { faFormItemTipProps } from "./src/formItemTip.mjs";
+//#region src/components/formItemTip/index.ts
+/** 为表单项标签提供补充说明的提示组件。 */
+const FaFormItemTip = withInstall(formItemTip_default);
+//#endregion
+export { FaFormItemTip, FaFormItemTip as default, faFormItemTipProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["FormItemTip"],"sources":["../../../src/components/formItemTip/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport FormItemTip, { faFormItemTipProps } from \"./src/formItemTip\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 为表单项标签提供补充说明的提示组件。 */\nexport const FaFormItemTip: TSXWithInstall<typeof FormItemTip> = withInstall(FormItemTip);\nexport default FaFormItemTip;\n\nexport { faFormItemTipProps };\nexport type { FaFormItemTipSlots } from \"./src/formItemTip\";\n\n/** FaFormItemTip 暴露的组件实例类型。 */\nexport type FaFormItemTipInstance = InstanceType<typeof FormItemTip>;\n\n/** FaFormItemTip 的完整 Props 类型。 */\nexport type FaFormItemTipProps = ExtractPropTypes<typeof faFormItemTipProps>;\n"],"mappings":";;;;AAMA,MAAa,gBAAoD,YAAYA,mBAAW"}

package/dist/components/formItemTip/src/formItemTip.d.ts

@@ -0,0 +1,24 @@
+/** FaFormItemTip 的运行时 Props 定义。 */
+export declare const faFormItemTipProps: {
+    /** @description 提示 */
+    tips: StringConstructor;
+    /** @description 显示 */
+    label: StringConstructor;
+};
+/** FaFormItemTip 的插槽参数。 */
+export interface FaFormItemTipSlots extends Record<string, unknown> {
+    /** @description 显示插槽 */
+    label: never;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @description 提示 */
+    tips: StringConstructor;
+    /** @description 显示 */
+    label: StringConstructor;
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @description 提示 */
+    tips: StringConstructor;
+    /** @description 显示 */
+    label: StringConstructor;
+}>> & Readonly<{}>, {}, import("../../../utils").TypedSlotsDeclaration<FaFormItemTipSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/formItemTip/src/formItemTip.mjs

@@ -0,0 +1,30 @@
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import { createVNode, defineComponent } from "vue";
+import { QuestionFilled } from "@element-plus/icons-vue";
+import { ElIcon, ElTooltip } from "element-plus";
+//#region src/components/formItemTip/src/formItemTip.tsx
+/** FaFormItemTip 的运行时 Props 定义。 */
+const faFormItemTipProps = {
+	/** @description 提示 */
+	tips: String,
+	/** @description 显示 */
+	label: String
+};
+var formItemTip_default = defineComponent({
+	name: "FaFormItemTip",
+	props: faFormItemTipProps,
+	slots: makeSlots(),
+	setup(props, { slots }) {
+		useRender(() => createVNode("div", { "class": "fa-form-item-tip" }, [createVNode(ElTooltip, {
+			"effect": "dark",
+			"rawContent": true,
+			"content": props.tips,
+			"placement": "top"
+		}, { default: () => [createVNode(ElIcon, null, { default: () => [createVNode(QuestionFilled, null, null)] })] }), createVNode("span", { "class": "fa-form-item-tip__label" }, [slots.label ? slots.label() : props.label])]));
+	}
+});
+//#endregion
+export { formItemTip_default as default, faFormItemTipProps };
+
+//# sourceMappingURL=formItemTip.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formItemTip.mjs","names":[],"sources":["../../../../src/components/formItemTip/src/formItemTip.tsx"],"sourcesContent":["import { defineComponent } from \"vue\";\nimport { QuestionFilled } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElTooltip } from \"element-plus\";\nimport { makeSlots, useRender } from \"../../../utils\";\n\n/** FaFormItemTip 的运行时 Props 定义。 */\nexport const faFormItemTipProps = {\n\t/** @description 提示 */\n\ttips: String,\n\t/** @description 显示 */\n\tlabel: String,\n};\n\n/** FaFormItemTip 的插槽参数。 */\nexport interface FaFormItemTipSlots extends Record<string, unknown> {\n\t/** @description 显示插槽 */\n\tlabel: never;\n}\n\nexport default defineComponent({\n\tname: \"FaFormItemTip\",\n\tprops: faFormItemTipProps,\n\tslots: makeSlots<FaFormItemTipSlots>(),\n\tsetup(props, { slots }) {\n\t\tuseRender(() => (\n\t\t\t<div class=\"fa-form-item-tip\">\n\t\t\t\t<ElTooltip effect=\"dark\" rawContent content={props.tips} placement=\"top\">\n\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t<QuestionFilled />\n\t\t\t\t\t</ElIcon>\n\t\t\t\t</ElTooltip>\n\t\t\t\t<span class=\"fa-form-item-tip__label\">{slots.label ? slots.label() : props.label}</span>\n\t\t\t</div>\n\t\t));\n\t},\n});\n"],"mappings":";;;;;;;AAMA,MAAa,qBAAqB;;CAEjC,MAAM;;CAEN,OAAO;AACR;AAQA,IAAA,sBAAe,gBAAgB;CAC9B,MAAM;CACN,OAAO;CACP,OAAO,UAA8B;CACrC,MAAM,OAAO,EAAE,SAAS;EACvB,gBAAU,YAAA,OAAA,EAAA,SAAA,mBAAA,GAAA,CAAA,YAAA,WAAA;GAAA,UAAA;GAAA,cAAA;GAAA,WAEqC,MAAM;GAAI,aAAA;EAAA,GAAA,EAAA,eAAA,CAAA,YAAA,QAAA,MAAA,EAAA,eAAA,CAAA,YAAA,gBAAA,MAAA,IAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA,GAAA,YAAA,QAAA,EAAA,SAAA,0BAAA,GAAA,CAKhB,MAAM,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,CAAA,CAAA,CAAA,CAEjF;CACF;AACD,CAAC"}

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

@@ -0,0 +1,12 @@
+import Icon from "./src/icon";
+import type { faIconProps } from "./src/icon";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 按名称或组件渲染图标的统一图标组件。 */
+export declare const FaIcon: TSXWithInstall<typeof Icon>;
+export default FaIcon;
+export { faIconProps } from "./src/icon";
+/** FaIcon 暴露的组件实例类型。 */
+export type FaIconInstance = InstanceType<typeof Icon>;
+/** FaIcon 的完整 Props 类型。 */
+export type FaIconProps = ExtractPropTypes<typeof faIconProps>;

package/dist/components/icon/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import icon_default, { faIconProps } from "./src/icon.mjs";
+//#region src/components/icon/index.ts
+/** 按名称或组件渲染图标的统一图标组件。 */
+const FaIcon = withInstall(icon_default);
+//#endregion
+export { FaIcon, FaIcon as default, faIconProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Icon"],"sources":["../../../src/components/icon/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport Icon from \"./src/icon\";\nimport type { faIconProps } from \"./src/icon\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 按名称或组件渲染图标的统一图标组件。 */\nexport const FaIcon: TSXWithInstall<typeof Icon> = withInstall(Icon);\nexport default FaIcon;\n\nexport { faIconProps } from \"./src/icon\";\n\n/** FaIcon 暴露的组件实例类型。 */\nexport type FaIconInstance = InstanceType<typeof Icon>;\n\n/** FaIcon 的完整 Props 类型。 */\nexport type FaIconProps = ExtractPropTypes<typeof faIconProps>;\n"],"mappings":";;;;AAOA,MAAa,SAAsC,YAAYA,YAAI"}

package/dist/components/icon/src/icon.d.ts

@@ -0,0 +1,40 @@
+/** FaIcon 的运行时 Props 定义。 */
+export declare const faIconProps: {
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    /** @description 大小 */
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+    };
+    /** @description 颜色*/
+    color: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/icon/src/icon.mjs

@@ -0,0 +1,54 @@
+import { addCssUnit } from "../../../utils/dom/index.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { RegExps } from "../../../constants/regex.mjs";
+import { computed, createVNode, defineComponent, h, isVNode, mergeProps, reactive, resolveComponent } from "vue";
+import { ElIcon } from "element-plus";
+//#region src/components/icon/src/icon.tsx
+/** FaIcon 的运行时 Props 定义。 */
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const faIconProps = {
+	/** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */
+	name: {
+		type: String,
+		required: true
+	},
+	/** @description 大小 */
+	size: { type: [String, Number] },
+	/** @description 颜色*/
+	color: String
+};
+var icon_default = defineComponent({
+	name: "FaIcon",
+	props: faIconProps,
+	setup(props, { attrs }) {
+		const state = reactive({
+			isUrl: computed(() => RegExps.External.test(props.name)),
+			style: computed(() => {
+				const result = {};
+				if (props.size) result.fontSize = addCssUnit(props.size);
+				if (props.color) result.color = props.color;
+				if (state.isUrl) {
+					result.mask = `url(${props.name}) no-repeat 50% 50%`;
+					result["-webkit-mask"] = `url(${props.name}) no-repeat 50% 50%`;
+				}
+				return result;
+			})
+		});
+		useRender(() => {
+			let _slot, _slot2;
+			return props.name.startsWith("el-icon-") ? createVNode(ElIcon, mergeProps(attrs, props, { "class": ["fa-icon", props.name] }), _isSlot(_slot = h(resolveComponent(props.name))) ? _slot : { default: () => [_slot] }) : props.name.startsWith("fa-icon") ? createVNode(ElIcon, mergeProps(attrs, props, { "class": ["fa-icon", props.name] }), _isSlot(_slot2 = h(resolveComponent(props.name))) ? _slot2 : { default: () => [_slot2] }) : state.isUrl ? createVNode("div", mergeProps(attrs, {
+				"class": "el-icon fa-icon url-icon",
+				"style": state.style
+			}), null) : createVNode("i", mergeProps(attrs, {
+				"class": ["el-icon fa-icon", props.name],
+				"style": state.style
+			}), null);
+		});
+	}
+});
+//#endregion
+export { icon_default as default, faIconProps };
+
+//# sourceMappingURL=icon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.mjs","names":[],"sources":["../../../../src/components/icon/src/icon.tsx"],"sourcesContent":["import { computed, defineComponent, h, reactive, resolveComponent } from \"vue\";\nimport { ElIcon } from \"element-plus\";\nimport { RegExps } from \"../../../constants\";\nimport { addCssUnit, useRender } from \"../../../utils\";\nimport type { CSSProperties } from \"vue\";\n\n/** FaIcon 的运行时 Props 定义。 */\nexport const faIconProps = {\n\t/** @description el-icon- 使用 El-icon 的图标；fa-icon 使用 Fast 图标组件库； */\n\tname: {\n\t\ttype: String,\n\t\trequired: true as const,\n\t},\n\t/** @description 大小 */\n\tsize: {\n\t\ttype: [String, Number],\n\t},\n\t/** @description 颜色*/\n\tcolor: String,\n};\n\nexport default defineComponent({\n\tname: \"FaIcon\",\n\tprops: faIconProps,\n\tsetup(props, { attrs }) {\n\t\tconst state = reactive({\n\t\t\tisUrl: computed(() => RegExps.External.test(props.name)),\n\t\t\tstyle: computed((): CSSProperties => {\n\t\t\t\tconst result: CSSProperties & { \"-webkit-mask\"?: string } = {};\n\t\t\t\tif (props.size) {\n\t\t\t\t\tresult.fontSize = addCssUnit(props.size);\n\t\t\t\t}\n\t\t\t\tif (props.color) {\n\t\t\t\t\tresult.color = props.color;\n\t\t\t\t}\n\t\t\t\tif (state.isUrl) {\n\t\t\t\t\tresult.mask = `url(${props.name}) no-repeat 50% 50%`;\n\t\t\t\t\tresult[\"-webkit-mask\"] = `url(${props.name}) no-repeat 50% 50%`;\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}),\n\t\t});\n\n\t\tuseRender(() =>\n\t\t\tprops.name.startsWith(\"el-icon-\") ? (\n\t\t\t\t<ElIcon {...attrs} {...props} class={[\"fa-icon\", props.name]}>\n\t\t\t\t\t{h(resolveComponent(props.name))}\n\t\t\t\t</ElIcon>\n\t\t\t) : props.name.startsWith(\"fa-icon\") ? (\n\t\t\t\t<ElIcon {...attrs} {...props} class={[\"fa-icon\", props.name]}>\n\t\t\t\t\t{h(resolveComponent(props.name))}\n\t\t\t\t</ElIcon>\n\t\t\t) : state.isUrl ? (\n\t\t\t\t<div {...attrs} class=\"el-icon fa-icon url-icon\" style={state.style} />\n\t\t\t) : (\n\t\t\t\t<i {...attrs} class={[\"el-icon fa-icon\", props.name]} style={state.style} />\n\t\t\t)\n\t\t);\n\t},\n});\n"],"mappings":";;;;;;;AAMA,SAAA,QAAA,GAAA;CAAA,OAAA,OAAA,MAAA,cAAA,OAAA,UAAA,SAAA,KAAA,CAAA,MAAA,qBAAA,CAAA,QAAA,CAAA;AAAA;AACA,MAAa,cAAc;;CAE1B,MAAM;EACL,MAAM;EACN,UAAU;CACX;;CAEA,MAAM,EACL,MAAM,CAAC,QAAQ,MAAM,EACtB;;CAEA,OAAO;AACR;AAEA,IAAA,eAAe,gBAAgB;CAC9B,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACvB,MAAM,QAAQ,SAAS;GACtB,OAAO,eAAe,QAAQ,SAAS,KAAK,MAAM,IAAI,CAAC;GACvD,OAAO,eAA8B;IACpC,MAAM,SAAsD,CAAC;IAC7D,IAAI,MAAM,MACT,OAAO,WAAW,WAAW,MAAM,IAAI;IAExC,IAAI,MAAM,OACT,OAAO,QAAQ,MAAM;IAEtB,IAAI,MAAM,OAAO;KAChB,OAAO,OAAO,OAAO,MAAM,KAAI;KAC/B,OAAO,kBAAkB,OAAO,MAAM,KAAI;IAC3C;IACA,OAAO;GACR,CAAC;EACF,CAAC;EAED,gBAAU;GAAA,IAAA,OAAA;GAAA,OACT,MAAM,KAAK,WAAW,UAAU,IAAC,YAAA,QAAA,WACpB,OAAW,OAAK,EAAA,SAAS,CAAC,WAAW,MAAM,IAAI,EAAC,CAAA,GAAA,QAAA,QAC1D,EAAE,iBAAiB,MAAM,IAAI,CAAC,CAAC,IAAA,QAAA,EAAA,eAAA,CAAA,KAAA,EAAA,CAAA,IAE9B,MAAM,KAAK,WAAW,SAAS,IAAC,YAAA,QAAA,WACvB,OAAW,OAAK,EAAA,SAAS,CAAC,WAAW,MAAM,IAAI,EAAC,CAAA,GAAA,QAAA,SAC1D,EAAE,iBAAiB,MAAM,IAAI,CAAC,CAAC,IAAA,SAAA,EAAA,eAAA,CAAA,MAAA,EAAA,CAAA,IAE9B,MAAM,QAAK,YAAA,OAAA,WACL,OAAK;IAAA,SAAA;IAAA,SAA0C,MAAM;GAAK,CAAA,GAAA,IAAA,IAAA,YAAA,KAAA,WAE5D,OAAK;IAAA,SAAS,CAAC,mBAAmB,MAAM,IAAI;IAAC,SAAS,MAAM;GAAK,CAAA,GAAA,IAAA;EACxE,CACF;CACD;AACD,CAAC"}

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

@@ -0,0 +1,7 @@
+import IconSelector from "./src/iconSelector";
+import type { TSXWithInstall } from "../../utils";
+/** 提供图标检索与选择能力的选择器组件。 */
+export declare const FaIconSelector: TSXWithInstall<typeof IconSelector>;
+export default FaIconSelector;
+/** FaIconSelector 暴露的组件实例类型。 */
+export type FaIconSelectorInstance = InstanceType<typeof IconSelector>;

package/dist/components/iconSelector/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import iconSelector_default from "./src/iconSelector.mjs";
+//#region src/components/iconSelector/index.ts
+/** 提供图标检索与选择能力的选择器组件。 */
+const FaIconSelector = withInstall(iconSelector_default);
+//#endregion
+export { FaIconSelector, FaIconSelector as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["IconSelector"],"sources":["../../../src/components/iconSelector/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport IconSelector from \"./src/iconSelector\";\nimport type { TSXWithInstall } from \"../../utils\";\n\n/** 提供图标检索与选择能力的选择器组件。 */\nexport const FaIconSelector: TSXWithInstall<typeof IconSelector> = withInstall(IconSelector);\nexport default FaIconSelector;\n\n/** FaIconSelector 暴露的组件实例类型。 */\nexport type FaIconSelectorInstance = InstanceType<typeof IconSelector>;\n"],"mappings":";;;;AAKA,MAAa,iBAAsD,YAAYA,oBAAY"}

package/dist/components/iconSelector/src/iconSelector.d.ts

@@ -0,0 +1,35 @@
+import type { PropType } from "vue";
+type IconType = "ele" | "fastEle" | "local";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @description v-model绑定值 */
+    modelValue: PropType<string | null>;
+    /** @description 自定义图标 */
+    customIcons: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+}>, {
+    /** 当前图标来源。 */
+    iconType: import("vue").ComputedRef<IconType>;
+    /** 当前选中的图标名称。 */
+    value: import("vue").ComputedRef<string | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: string | null) => boolean;
+    /** @description 改变 */
+    change: (value: string | null) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @description v-model绑定值 */
+    modelValue: PropType<string | null>;
+    /** @description 自定义图标 */
+    customIcons: {
+        type: PropType<string[]>;
+        default: () => string[];
+    };
+}>> & Readonly<{
+    onChange?: ((value: string | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {
+    customIcons: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/iconSelector/src/iconSelector.mjs

@@ -0,0 +1,147 @@
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { definePropType } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { withDefineType } from "../../../utils/vue/with.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 { FaIcon } from "../../icon/index.mjs";
+import * as FastElementPlusIconsVue from "@fast-element-plus/icons-vue";
+import { computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps, reactive, watch } from "vue";
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import { ChromeFilled, RefreshRight } from "@element-plus/icons-vue";
+import { ElIcon, ElInput, ElPopover, ElScrollbar } from "element-plus";
+//#region src/components/iconSelector/src/iconSelector.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var iconSelector_default = defineComponent({
+	name: "FaIconSelector",
+	props: {
+		/** @description v-model绑定值 */
+		modelValue: String,
+		/** @description 自定义图标 */
+		customIcons: {
+			type: definePropType(Array),
+			default: () => []
+		}
+	},
+	emits: {
+		/** @description v-model 回调 */
+		"update:modelValue": (value) => isString(value) || isNull(value),
+		/** @description 改变 */
+		change: (value) => isString(value) || isNull(value)
+	},
+	setup(props, { emit, expose }) {
+		const state = reactive({
+			value: withDefineType(props.modelValue ?? null),
+			searchValue: withDefineType(),
+			iconType: withDefineType("ele"),
+			popoverVisible: false,
+			iconNames: withDefineType(Object.keys(ElementPlusIconsVue).map((name) => `el-icon-${name}`)),
+			renderIconNames: computed(() => {
+				if (!state.searchValue) return state.iconNames;
+				return state.iconNames.filter((f) => f.toLowerCase().includes(state.searchValue?.toLowerCase() ?? ""));
+			})
+		});
+		const handleTabClick = (iconType) => {
+			state.iconType = iconType;
+			state.iconNames = [];
+			switch (iconType) {
+				case "ele":
+					state.iconNames = Object.keys(ElementPlusIconsVue).map((name) => `el-icon-${name}`);
+					break;
+				case "fastEle":
+					state.iconNames = Object.keys(FastElementPlusIconsVue).map((name) => `fa-icon-${name}`);
+					break;
+				case "local": state.iconNames = props.customIcons;
+			}
+		};
+		const handleIconClick = (value) => {
+			state.popoverVisible = false;
+			state.value = value;
+			state.searchValue = "";
+			emit("update:modelValue", value);
+			emit("change", value);
+		};
+		const handleRefresh = () => {
+			state.value = null;
+			state.searchValue = null;
+			emit("update:modelValue", null);
+			emit("change", null);
+		};
+		watch(() => props.modelValue, (newValue) => {
+			state.value = newValue ?? null;
+		});
+		watch(() => props.customIcons, () => {
+			if (state.iconType === "local") state.iconNames = [...props.customIcons];
+		}, { deep: true });
+		useRender(() => createVNode(ElPopover, mergeProps({
+			"popperClass": "fa-icon-selector-popover",
+			"visible": state.popoverVisible
+		}, { "onUpdate:visible": (visible) => {
+			state.popoverVisible = visible;
+			if (!visible) state.searchValue = null;
+		} }, {
+			"width": "auto",
+			"trigger": "click",
+			"showArrow": false,
+			"showAfter": 0,
+			"hideAfter": 0
+		}), {
+			reference: () => createVNode(ElInput, {
+				"class": "fa-icon-selector",
+				"modelValue": state.popoverVisible ? state.searchValue ?? "" : state.value ?? "",
+				"placeholder": state.popoverVisible ? "搜索图标" : "请选择图标",
+				"readonly": !state.popoverVisible,
+				"onInput": (value) => {
+					if (state.popoverVisible) state.searchValue = value;
+				}
+			}, {
+				prepend: () => createVNode(ElIcon, null, { default: () => [state.value ? createVNode(FaIcon, { "name": state.value }, null) : createVNode(ChromeFilled, null, null)] }),
+				append: () => createVNode(ElIcon, { "onClick": (event) => {
+					event.stopPropagation();
+					handleRefresh();
+				} }, { default: () => [createVNode(RefreshRight, null, null)] })
+			}),
+			default: () => {
+				let _slot;
+				return createVNode("div", { "class": "fa-icon-selector-popover__box" }, [createVNode("div", { "class": "fa-icon-selector-popover__box-header" }, [createVNode("div", { "class": "fa-icon-selector-popover__box-header__title" }, [createTextVNode("请选择图标")]), createVNode("div", { "class": "fa-icon-selector-popover__box-header__tab" }, [
+					createVNode("button", {
+						"type": "button",
+						"class": { "is-active": state.iconType === "ele" },
+						"title": "Element Plus 图标",
+						"onClick": () => handleTabClick("ele")
+					}, [createTextVNode("ele")]),
+					createVNode("button", {
+						"type": "button",
+						"class": { "is-active": state.iconType === "fastEle" },
+						"title": "Fast Element Plus 图标",
+						"onClick": () => handleTabClick("fastEle")
+					}, [createTextVNode("fastEle")]),
+					createVNode("button", {
+						"type": "button",
+						"class": { "is-active": state.iconType === "local" },
+						"title": "本地图标",
+						"onClick": () => handleTabClick("local")
+					}, [createTextVNode("local")])
+				])]), createVNode("div", { "class": "fa-icon-selector-popover__box-body" }, [createVNode(ElScrollbar, null, _isSlot(_slot = state.renderIconNames.map((m) => createVNode("button", {
+					"type": "button",
+					"key": m,
+					"class": "fa-icon-selector-popover__box-body__item",
+					"title": m,
+					"onClick": () => handleIconClick(m)
+				}, [createVNode(FaIcon, { "name": m }, null)]))) ? _slot : { default: () => [_slot] })])]);
+			}
+		}));
+		return useExpose(expose, {
+			/** 当前图标来源。 */
+			iconType: computed(() => state.iconType),
+			/** 当前选中的图标名称。 */
+			value: computed(() => state.value)
+		});
+	}
+});
+//#endregion
+export { iconSelector_default as default };
+
+//# sourceMappingURL=iconSelector.mjs.map