fast-element-plus 1.0.21 → 2.0.0

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

@@ -0,0 +1,31 @@
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+/** 使元素可在父元素范围内拖拽的 Vue 指令。 */
+const vDraggable = withInstallDirective({ mounted(el) {
+	el.style.cursor = "move";
+	el.style.position = "absolute";
+	el.onmousedown = (e) => {
+		const parent = el.parentElement;
+		if (parent === null) return;
+		const disX = e.pageX - el.offsetLeft;
+		const disY = e.pageY - el.offsetTop;
+		document.onmousemove = (e) => {
+			let x = e.pageX - disX;
+			let y = e.pageY - disY;
+			const maxX = parent.offsetWidth - el.offsetWidth;
+			const maxY = parent.offsetHeight - el.offsetHeight;
+			if (x < 0) x = 0;
+			else if (x > maxX) x = maxX;
+			if (y < 0) y = 0;
+			else if (y > maxY) y = maxY;
+			el.style.left = `${x}px`;
+			el.style.top = `${y}px`;
+		};
+		document.onmouseup = () => {
+			document.onmousemove = document.onmouseup = null;
+		};
+	};
+} }, "draggable");
+//#endregion
+export { vDraggable as default, vDraggable };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/directives/click-draggable/index.ts"],"sourcesContent":["/*\n\t需求：实现一个拖拽指令，可在父元素区域任意拖拽元素。\n\n\t思路：\n\t\t1、设置需要拖拽的元素为absolute，其父元素为relative。\n\t\t2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。\n\t\t3、鼠标移动(onmousemove)时计算每次移动的横向距离和纵向距离的变化值，并改变元素的 left 和 top 值\n\t\t4、鼠标松开(onmouseup)时完成一次拖拽\n\n\t使用：在 Dom 上加上 v-draggable 即可\n\t<div class=\"dialog-model\" v-draggable></div>\n*/\nimport { withInstallDirective } from \"../../utils\";\nimport type { Directive } from \"vue\";\n\nconst DraggableDirective: Directive<HTMLElement> = {\n\tmounted(el) {\n\t\tel.style.cursor = \"move\";\n\t\tel.style.position = \"absolute\";\n\t\tel.onmousedown = (e): void => {\n\t\t\tconst parent = el.parentElement;\n\t\t\tif (parent === null) return;\n\t\t\tconst disX = e.pageX - el.offsetLeft;\n\t\t\tconst disY = e.pageY - el.offsetTop;\n\t\t\tdocument.onmousemove = (e): void => {\n\t\t\t\tlet x = e.pageX - disX;\n\t\t\t\tlet y = e.pageY - disY;\n\t\t\t\tconst maxX = parent.offsetWidth - el.offsetWidth;\n\t\t\t\tconst maxY = parent.offsetHeight - el.offsetHeight;\n\t\t\t\tif (x < 0) {\n\t\t\t\t\tx = 0;\n\t\t\t\t} else if (x > maxX) {\n\t\t\t\t\tx = maxX;\n\t\t\t\t}\n\n\t\t\t\tif (y < 0) {\n\t\t\t\t\ty = 0;\n\t\t\t\t} else if (y > maxY) {\n\t\t\t\t\ty = maxY;\n\t\t\t\t}\n\t\t\t\tel.style.left = `${x}px`;\n\t\t\t\tel.style.top = `${y}px`;\n\t\t\t};\n\t\t\tdocument.onmouseup = (): void => {\n\t\t\t\tdocument.onmousemove = document.onmouseup = null;\n\t\t\t};\n\t\t};\n\t},\n};\n\n/** 使元素可在父元素范围内拖拽的 Vue 指令。 */\nexport const vDraggable = withInstallDirective(DraggableDirective, \"draggable\");\nexport default vDraggable;\n"],"mappings":";;AAmDA,MAAa,aAAa,qBAAqB,EAnC9C,QAAQ,IAAI;CACX,GAAG,MAAM,SAAS;CAClB,GAAG,MAAM,WAAW;CACpB,GAAG,eAAe,MAAY;EAC7B,MAAM,SAAS,GAAG;EAClB,IAAI,WAAW,MAAM;EACrB,MAAM,OAAO,EAAE,QAAQ,GAAG;EAC1B,MAAM,OAAO,EAAE,QAAQ,GAAG;EAC1B,SAAS,eAAe,MAAY;GACnC,IAAI,IAAI,EAAE,QAAQ;GAClB,IAAI,IAAI,EAAE,QAAQ;GAClB,MAAM,OAAO,OAAO,cAAc,GAAG;GACrC,MAAM,OAAO,OAAO,eAAe,GAAG;GACtC,IAAI,IAAI,GACP,IAAI;QACE,IAAI,IAAI,MACd,IAAI;GAGL,IAAI,IAAI,GACP,IAAI;QACE,IAAI,IAAI,MACd,IAAI;GAEL,GAAG,MAAM,OAAO,GAAG,EAAE;GACrB,GAAG,MAAM,MAAM,GAAG,EAAE;EACrB;EACA,SAAS,kBAAwB;GAChC,SAAS,cAAc,SAAS,YAAY;EAC7C;CACD;AACD,EAI8C,GAAoB,WAAW"}

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

@@ -0,0 +1,3 @@
+/** 在目标元素前渲染复制图标的 Vue 指令。 */
+export declare const vIconCopy: import("../../utils").Installable<import("vue").ObjectDirective<any, any, string, any>>;
+export default vIconCopy;

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

@@ -0,0 +1,47 @@
+import { copy } from "../../utils/string/index.mjs";
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+import { h, render } from "vue";
+import { CopyDocument } from "@element-plus/icons-vue";
+import { ElIcon, ElMessage } from "element-plus";
+/** 在目标元素前渲染复制图标的 Vue 指令。 */
+const vIconCopy = withInstallDirective({
+	mounted(el, binding) {
+		el.copyData = binding.value;
+		if (!el.copyData) return;
+		const handleCopyClick = () => {
+			copy(String(el.copyData)).then(() => {
+				ElMessage({
+					type: "success",
+					message: "复制成功"
+				});
+			}, () => {
+				ElMessage({
+					type: "error",
+					message: "复制失败"
+				});
+			});
+		};
+		const iconEl = h(ElIcon, {
+			class: "fa__copy-icon",
+			title: "复制",
+			onClick: handleCopyClick
+		}, { default: () => h(CopyDocument) });
+		const tempDiv = document.createElement("div");
+		render(iconEl, tempDiv);
+		const iconElement = tempDiv.firstChild;
+		const parentElement = el.parentElement;
+		if (iconElement === null || parentElement === null) return;
+		el.__iconElement__ = iconElement;
+		parentElement.insertBefore(iconElement, el);
+	},
+	updated(el, binding) {
+		el.copyData = binding.value;
+	},
+	beforeUnmount(el) {
+		if (el.__iconElement__ && el.parentElement) el.parentElement.removeChild(el.__iconElement__);
+	}
+}, "iconCopy");
+//#endregion
+export { vIconCopy as default, vIconCopy };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["copyToClipboard"],"sources":["../../../src/directives/click-icon-copy/index.ts"],"sourcesContent":["/**\n * v-iconCopy\n * 左侧插入复制图标，复制某个值至剪贴板\n * 接收参数：string类型/Ref<string>类型/Reactive<string>类型\n */\nimport { type Directive, type DirectiveBinding, h, render } from \"vue\";\nimport { CopyDocument } from \"@element-plus/icons-vue\";\nimport { ElIcon, ElMessage } from \"element-plus\";\nimport { copy as copyToClipboard, withInstallDirective } from \"../../utils\";\n\ninterface IconCopyElement extends HTMLElement {\n\tcopyData: string | number;\n\t__iconElement__: Node;\n}\n\nconst IconCopyDirective: Directive = {\n\tmounted(el: IconCopyElement, binding: DirectiveBinding<string | number>) {\n\t\tel.copyData = binding.value;\n\n\t\tif (!el.copyData) return;\n\n\t\tconst handleCopyClick = (): void => {\n\t\t\tvoid copyToClipboard(String(el.copyData)).then(\n\t\t\t\t() => {\n\t\t\t\t\tElMessage({\n\t\t\t\t\t\ttype: \"success\",\n\t\t\t\t\t\tmessage: \"复制成功\",\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t() => {\n\t\t\t\t\tElMessage({\n\t\t\t\t\t\ttype: \"error\",\n\t\t\t\t\t\tmessage: \"复制失败\",\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t);\n\t\t};\n\n\t\t// 创建 ELIcon 组件\n\t\tconst iconEl = h(\n\t\t\tElIcon,\n\t\t\t{\n\t\t\t\tclass: \"fa__copy-icon\",\n\t\t\t\ttitle: \"复制\",\n\t\t\t\tonClick: handleCopyClick,\n\t\t\t},\n\t\t\t{\n\t\t\t\tdefault: () => h(CopyDocument),\n\t\t\t}\n\t\t);\n\n\t\tconst tempDiv = document.createElement(\"div\");\n\t\trender(iconEl, tempDiv);\n\n\t\tconst iconElement = tempDiv.firstChild;\n\t\tconst parentElement = el.parentElement;\n\t\tif (iconElement === null || parentElement === null) return;\n\t\tel.__iconElement__ = iconElement;\n\t\tparentElement.insertBefore(iconElement, el);\n\t},\n\tupdated(el: IconCopyElement, binding: DirectiveBinding<string | number>) {\n\t\tel.copyData = binding.value;\n\t},\n\tbeforeUnmount(el: IconCopyElement) {\n\t\tif (el.__iconElement__ && el.parentElement) {\n\t\t\tel.parentElement.removeChild(el.__iconElement__);\n\t\t}\n\t},\n};\n\n/** 在目标元素前渲染复制图标的 Vue 指令。 */\nexport const vIconCopy = withInstallDirective(IconCopyDirective, \"iconCopy\");\nexport default vIconCopy;\n"],"mappings":";;;;;;AAuEA,MAAa,YAAY,qBAAqB;CAvD7C,QAAQ,IAAqB,SAA4C;EACxE,GAAG,WAAW,QAAQ;EAEtB,IAAI,CAAC,GAAG,UAAU;EAElB,MAAM,wBAA8B;GACnC,KAAqB,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,WACnC;IACL,UAAU;KACT,MAAM;KACN,SAAS;IACV,CAAC;GACF,SACM;IACL,UAAU;KACT,MAAM;KACN,SAAS;IACV,CAAC;GACF,CACD;EACD;EAGA,MAAM,SAAS,EACd,QACA;GACC,OAAO;GACP,OAAO;GACP,SAAS;EACV,GACA,EACC,eAAe,EAAE,YAAY,EAC9B,CACD;EAEA,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,OAAO,QAAQ,OAAO;EAEtB,MAAM,cAAc,QAAQ;EAC5B,MAAM,gBAAgB,GAAG;EACzB,IAAI,gBAAgB,QAAQ,kBAAkB,MAAM;EACpD,GAAG,kBAAkB;EACrB,cAAc,aAAa,aAAa,EAAE;CAC3C;CACA,QAAQ,IAAqB,SAA4C;EACxE,GAAG,WAAW,QAAQ;CACvB;CACA,cAAc,IAAqB;EAClC,IAAI,GAAG,mBAAmB,GAAG,eAC5B,GAAG,cAAc,YAAY,GAAG,eAAe;CAEjD;AAI6C,GAAmB,UAAU"}

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

@@ -0,0 +1,3 @@
+/** 长按时触发绑定回调的 Vue 指令。 */
+export declare const vLongpress: import("../../utils").Installable<import("vue").ObjectDirective<any, any, string, any>>;
+export default vLongpress;

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

@@ -0,0 +1,31 @@
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+/** 长按时触发绑定回调的 Vue 指令。 */
+const vLongpress = withInstallDirective({ mounted(el, binding) {
+	if (typeof binding.value !== "function") throw new TypeError("callback 必须是函数。");
+	const handler = (e) => {
+		binding.value(e);
+	};
+	let pressTimer;
+	const start = (event) => {
+		if (event instanceof MouseEvent && event.button !== 0) return;
+		pressTimer ??= setTimeout(() => {
+			handler(event);
+		}, 1e3);
+	};
+	const cancel = () => {
+		if (pressTimer !== void 0) {
+			clearTimeout(pressTimer);
+			pressTimer = void 0;
+		}
+	};
+	el.addEventListener("mousedown", start);
+	el.addEventListener("touchstart", start);
+	el.addEventListener("click", cancel);
+	el.addEventListener("mouseout", cancel);
+	el.addEventListener("touchend", cancel);
+	el.addEventListener("touchcancel", cancel);
+} }, "longpress");
+//#endregion
+export { vLongpress as default, vLongpress };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/directives/click-longpress/index.ts"],"sourcesContent":["/**\n * v-longpress\n * 长按指令，长按时触发事件\n */\nimport { withInstallDirective } from \"../../utils\";\nimport type { Directive, DirectiveBinding } from \"vue\";\n\nconst LongpressDirective: Directive = {\n\tmounted(el: HTMLElement, binding: DirectiveBinding<(event: MouseEvent | TouchEvent) => void>) {\n\t\tif (typeof binding.value !== \"function\") {\n\t\t\tthrow new TypeError(\"callback 必须是函数。\");\n\t\t}\n\n\t\t// 运行函数\n\t\tconst handler = (e: MouseEvent | TouchEvent): void => {\n\t\t\tbinding.value(e);\n\t\t};\n\n\t\t// 定义变量\n\t\tlet pressTimer: ReturnType<typeof setTimeout> | undefined;\n\t\t// 创建计时器（ 2秒后执行函数 ）\n\t\tconst start = (event: MouseEvent | TouchEvent): void => {\n\t\t\tif (event instanceof MouseEvent && event.button !== 0) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tpressTimer ??= setTimeout(() => {\n\t\t\t\thandler(event);\n\t\t\t}, 1000);\n\t\t};\n\t\t// 取消计时器\n\t\tconst cancel = (): void => {\n\t\t\tif (pressTimer !== undefined) {\n\t\t\t\tclearTimeout(pressTimer);\n\t\t\t\tpressTimer = undefined;\n\t\t\t}\n\t\t};\n\t\t// 添加事件监听器\n\t\tel.addEventListener(\"mousedown\", start);\n\t\tel.addEventListener(\"touchstart\", start);\n\t\t// 取消计时器\n\t\tel.addEventListener(\"click\", cancel);\n\t\tel.addEventListener(\"mouseout\", cancel);\n\t\tel.addEventListener(\"touchend\", cancel);\n\t\tel.addEventListener(\"touchcancel\", cancel);\n\t},\n};\n\n/** 长按时触发绑定回调的 Vue 指令。 */\nexport const vLongpress = withInstallDirective(LongpressDirective, \"longpress\");\nexport default vLongpress;\n"],"mappings":";;AAgDA,MAAa,aAAa,qBAAqB,EAxC9C,QAAQ,IAAiB,SAAqE;CAC7F,IAAI,OAAO,QAAQ,UAAU,YAC5B,MAAM,IAAI,UAAU,iBAAiB;CAItC,MAAM,WAAW,MAAqC;EACrD,QAAQ,MAAM,CAAC;CAChB;CAGA,IAAI;CAEJ,MAAM,SAAS,UAAyC;EACvD,IAAI,iBAAiB,cAAc,MAAM,WAAW,GACnD;EAED,eAAe,iBAAiB;GAC/B,QAAQ,KAAK;EACd,GAAG,GAAI;CACR;CAEA,MAAM,eAAqB;EAC1B,IAAI,eAAe,KAAA,GAAW;GAC7B,aAAa,UAAU;GACvB,aAAa,KAAA;EACd;CACD;CAEA,GAAG,iBAAiB,aAAa,KAAK;CACtC,GAAG,iBAAiB,cAAc,KAAK;CAEvC,GAAG,iBAAiB,SAAS,MAAM;CACnC,GAAG,iBAAiB,YAAY,MAAM;CACtC,GAAG,iBAAiB,YAAY,MAAM;CACtC,GAAG,iBAAiB,eAAe,MAAM;AAC1C,EAI8C,GAAoB,WAAW"}

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

@@ -0,0 +1,7 @@
+interface ThrottleElement extends HTMLElement {
+    __handleClick__: () => void;
+    disabled: boolean;
+}
+/** 对点击回调进行节流处理的 Vue 指令。 */
+export declare const vThrottle: import("../../utils").Installable<import("vue").ObjectDirective<ThrottleElement, (...arguments_: unknown[]) => void, string, any>>;
+export default vThrottle;

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

@@ -0,0 +1,26 @@
+import { withInstallDirective } from "../../utils/vue/install.mjs";
+/** 对点击回调进行节流处理的 Vue 指令。 */
+const vThrottle = withInstallDirective({
+	mounted(el, binding) {
+		if (typeof binding.value !== "function") throw new TypeError("callback 必须是函数。");
+		let timer = null;
+		el.__handleClick__ = () => {
+			if (timer) clearTimeout(timer);
+			if (!el.disabled) {
+				el.disabled = true;
+				binding.value();
+				timer = setTimeout(() => {
+					el.disabled = false;
+				}, 1e3);
+			}
+		};
+		el.addEventListener("click", el.__handleClick__);
+	},
+	beforeUnmount(el) {
+		el.removeEventListener("click", el.__handleClick__);
+	}
+}, "throttle");
+//#endregion
+export { vThrottle as default, vThrottle };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/directives/click-throttle/index.ts"],"sourcesContent":["/*\n  需求：防止按钮在短时间内被多次点击，使用节流函数限制规定时间内只能点击一次。\n\n  思路：\n    1、第一次点击，立即调用方法并禁用按钮，等延迟结束再次激活按钮\n    2、将需要触发的方法绑定在指令上\n\n  使用：给 Dom 加上 v-throttle 及回调函数即可\n  <button v-throttle=\"debounceClick\">节流提交</button>\n*/\nimport { withInstallDirective } from \"../../utils\";\nimport type { Directive } from \"vue\";\n\ninterface ThrottleElement extends HTMLElement {\n\t__handleClick__: () => void;\n\tdisabled: boolean;\n}\n\nconst ThrottleDirective: Directive<ThrottleElement, (...arguments_: unknown[]) => void> = {\n\tmounted(el, binding) {\n\t\tif (typeof binding.value !== \"function\") {\n\t\t\tthrow new TypeError(\"callback 必须是函数。\");\n\t\t}\n\t\tlet timer: NodeJS.Timeout | null = null;\n\t\tel.__handleClick__ = (): void => {\n\t\t\tif (timer) {\n\t\t\t\tclearTimeout(timer);\n\t\t\t}\n\t\t\tif (!el.disabled) {\n\t\t\t\tel.disabled = true;\n\t\t\t\tbinding.value();\n\t\t\t\ttimer = setTimeout(() => {\n\t\t\t\t\tel.disabled = false;\n\t\t\t\t}, 1000);\n\t\t\t}\n\t\t};\n\t\tel.addEventListener(\"click\", el.__handleClick__);\n\t},\n\tbeforeUnmount(el) {\n\t\tel.removeEventListener(\"click\", el.__handleClick__);\n\t},\n};\n\n/** 对点击回调进行节流处理的 Vue 指令。 */\nexport const vThrottle = withInstallDirective(ThrottleDirective, \"throttle\");\nexport default vThrottle;\n"],"mappings":";;AA4CA,MAAa,YAAY,qBAAqB;CAzB7C,QAAQ,IAAI,SAAS;EACpB,IAAI,OAAO,QAAQ,UAAU,YAC5B,MAAM,IAAI,UAAU,iBAAiB;EAEtC,IAAI,QAA+B;EACnC,GAAG,wBAA8B;GAChC,IAAI,OACH,aAAa,KAAK;GAEnB,IAAI,CAAC,GAAG,UAAU;IACjB,GAAG,WAAW;IACd,QAAQ,MAAM;IACd,QAAQ,iBAAiB;KACxB,GAAG,WAAW;IACf,GAAG,GAAI;GACR;EACD;EACA,GAAG,iBAAiB,SAAS,GAAG,eAAe;CAChD;CACA,cAAc,IAAI;EACjB,GAAG,oBAAoB,SAAS,GAAG,eAAe;CACnD;AAI6C,GAAmB,UAAU"}

package/dist/directives/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./click-copy";
+export * from "./click-debounce";
+export * from "./click-draggable";
+export * from "./click-icon-copy";
+export * from "./click-longpress";
+export * from "./click-throttle";

package/dist/element-plus.d.ts

@@ -0,0 +1,8 @@
+/** Element Plus 组件全局配置 */
+import type { App } from "vue";
+/**
+ * 注册 Element Plus 及其全部图标。
+ *
+ * @param app - Vue 应用实例。
+ */
+export declare const installElementPlus: (app: App) => void;

package/dist/element-plus.mjs

@@ -0,0 +1,172 @@
+import { callOptionalFunction } from "./utils/vue/func.mjs";
+import isString from "./node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isString.mjs";
+import isNil from "./node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isNil.mjs";
+import { useOverlay } from "./hooks/use-overlay/index.mjs";
+import * as ElementPlusIconsVue from "@element-plus/icons-vue";
+import ElementPlus, { ElDialog, ElForm, ElInput, ElInputNumber, ElMessageBox, ElSelect, ElTable, ElTree, ElTreeSelect } from "element-plus";
+//#region src/element-plus.ts
+/** Element Plus 组件全局配置 */
+ElDialog.setPropsDefaults({ 
+/** 默认拖拽。 */
+draggable: true });
+ElForm.setPropsDefaults({
+	/** 默认标签宽度。 */
+	labelWidth: "auto",
+	/** 默认标签后缀。 */
+	labelSuffix: "：",
+	/** 校验失败时默认滚动到第一个错误表单项。 */
+	scrollToError: true
+});
+ElInput.setPropsDefaults({ 
+/** 默认显示字数统计。 */
+showWordLimit: true });
+ElInputNumber.setPropsDefaults({ 
+/** 默认不显示控制按钮。 */
+controls: false });
+ElSelect.setPropsDefaults({
+	/** 默认加载提示。 */
+	loadingText: "加载中...",
+	/** 默认无匹配数据提示。 */
+	noMatchText: "暂无匹配的数据",
+	/** 默认无数据提示。 */
+	noDataText: "暂无数据",
+	/** 多选时默认折叠标签。 */
+	collapseTags: true,
+	/** 默认在悬停折叠标签时显示完整内容。 */
+	collapseTagsTooltip: true
+});
+ElTable.setPropsDefaults({
+	/** 默认显示边框。 */
+	border: true,
+	/** 默认高亮当前行。 */
+	highlightCurrentRow: true,
+	/** 默认行 Key。 */
+	rowKey: "id"
+});
+ElTree.setPropsDefaults({
+	/** 默认展开所有节点。 */
+	defaultExpandAll: true,
+	/** 默认点击时选中节点。 */
+	checkOnClickNode: true,
+	/** 默认高亮当前节点。 */
+	highlightCurrent: true
+});
+ElTreeSelect.setPropsDefaults({
+	/** 默认加载提示。 */
+	loadingText: "加载中...",
+	/** 默认无匹配数据提示。 */
+	noMatchText: "暂无匹配的数据",
+	/** 默认无数据提示。 */
+	noDataText: "暂无数据",
+	/** 多选时默认折叠标签。 */
+	collapseTags: true,
+	/** 默认在悬停折叠标签时显示完整内容。 */
+	collapseTagsTooltip: true,
+	/** 默认展开所有节点。 */
+	defaultExpandAll: true,
+	/** 默认点击时选中节点。 */
+	checkOnClickNode: true,
+	/** 默认高亮当前节点。 */
+	highlightCurrent: true,
+	/** 默认仅通过箭头展开或收起节点。 */
+	expandOnClickNode: false
+});
+const elMessageBox = (type, message, options, appContext) => {
+	const resolvedOptions = { ...options ?? {} };
+	resolvedOptions.title ??= "温馨提示";
+	if (isNil(resolvedOptions.draggable)) resolvedOptions.draggable = true;
+	resolvedOptions.cancelButtonText ??= "取消";
+	resolvedOptions.confirmButtonText ??= "确定";
+	if (isNil(resolvedOptions.closeOnClickModal)) resolvedOptions.closeOnClickModal = false;
+	if (isNil(resolvedOptions.closeOnPressEscape)) resolvedOptions.closeOnPressEscape = false;
+	if (!isNil(resolvedOptions.beforeClose)) {
+		const localBeforeClose = resolvedOptions.beforeClose;
+		const localConfirmButtonText = resolvedOptions.confirmButtonText;
+		const localShowCancelButton = resolvedOptions.showCancelButton;
+		resolvedOptions.beforeClose = (action, instance, done) => {
+			if (action === "confirm") {
+				useOverlay.show(0);
+				instance.confirmButtonLoading = true;
+				instance.showCancelButton = false;
+				instance.confirmButtonText = "加载中...";
+				let completed = false;
+				const cancelLoading = () => {
+					instance.confirmButtonLoading = false;
+					instance.showCancelButton = localShowCancelButton ?? false;
+					instance.confirmButtonText = localConfirmButtonText;
+					useOverlay.hide();
+				};
+				const newDone = () => {
+					if (completed) return;
+					completed = true;
+					cancelLoading();
+					done();
+				};
+				callOptionalFunction(localBeforeClose, action, instance, newDone).then(() => newDone()).catch((error) => {
+					if (!completed) cancelLoading();
+					throw error;
+				});
+			} else done();
+		};
+	}
+	switch (type) {
+		case "alert": break;
+		case "confirm":
+			resolvedOptions.showCancelButton ??= true;
+			break;
+		case "prompt": resolvedOptions.showCancelButton ??= true;
+	}
+	return ElMessageBox({
+		message,
+		...resolvedOptions,
+		boxType: type
+	}, appContext);
+};
+const MESSAGE_BOX_DEFAULT_OPTS = {
+	alert: {
+		closeOnPressEscape: false,
+		closeOnClickModal: false
+	},
+	confirm: { showCancelButton: true },
+	prompt: {
+		showCancelButton: true,
+		showInput: true
+	}
+};
+const isAppContext = (value) => typeof value === "object" && value !== null && "app" in value && "config" in value;
+const createMessageBoxShortcut = (type) => {
+	function shortcut(message, titleOrOptions, optionsOrContext, appContext) {
+		if (isString(titleOrOptions)) {
+			const options = isAppContext(optionsOrContext) ? void 0 : optionsOrContext;
+			return elMessageBox(type, message, {
+				...MESSAGE_BOX_DEFAULT_OPTS[type],
+				title: titleOrOptions,
+				...options ?? {}
+			}, appContext);
+		}
+		const context = optionsOrContext === null || isAppContext(optionsOrContext) ? optionsOrContext : void 0;
+		return elMessageBox(type, message, {
+			...MESSAGE_BOX_DEFAULT_OPTS[type],
+			...titleOrOptions ?? {}
+		}, context);
+	}
+	return shortcut;
+};
+ElMessageBox.alert = createMessageBoxShortcut("alert");
+ElMessageBox.prompt = createMessageBoxShortcut("prompt");
+ElMessageBox.confirm = createMessageBoxShortcut("confirm");
+/**
+* 注册 Element Plus 及其全部图标。
+*
+* @param app - Vue 应用实例。
+*/
+const installElementPlus = (app) => {
+	/** 注册 Element Plus 全部图标，供 FaIcon 按名称解析。 */
+	for (const [key, component] of Object.entries(ElementPlusIconsVue)) app.component(`el-icon-${key}`, component);
+	/** Element Plus 组件完整引入 */
+	app.use(ElementPlus);
+};
+//#endregion
+export { installElementPlus };
+
+//# sourceMappingURL=element-plus.mjs.map

package/dist/element-plus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-plus.mjs","names":[],"sources":["../src/element-plus.ts"],"sourcesContent":["/** Element Plus 组件全局配置 */\n\nimport * as ElementPlusIconsVue from \"@element-plus/icons-vue\";\nimport ElementPlus, { ElDialog, ElForm, ElInput, ElInputNumber, ElMessageBox, ElSelect, ElTable, ElTree, ElTreeSelect } from \"element-plus\";\nimport { isNil, isString } from \"lodash-unified\";\nimport { useOverlay } from \"./hooks\";\nimport { callOptionalFunction } from \"./utils\";\nimport type { Action, ElMessageBoxOptions, ElMessageBoxShortcutMethod, MessageBoxData, MessageBoxState } from \"element-plus\";\nimport type { App, AppContext } from \"vue\";\n\n/* Element Plus 默认值设置。 */\nElDialog.setPropsDefaults({\n\t/** 默认拖拽。 */\n\tdraggable: true,\n});\n\nElForm.setPropsDefaults({\n\t/** 默认标签宽度。 */\n\tlabelWidth: \"auto\",\n\t/** 默认标签后缀。 */\n\tlabelSuffix: \"：\",\n\t/** 校验失败时默认滚动到第一个错误表单项。 */\n\tscrollToError: true,\n});\n\nElInput.setPropsDefaults({\n\t/** 默认显示字数统计。 */\n\tshowWordLimit: true,\n});\n\nElInputNumber.setPropsDefaults({\n\t/** 默认不显示控制按钮。 */\n\tcontrols: false,\n});\n\nElSelect.setPropsDefaults({\n\t/** 默认加载提示。 */\n\tloadingText: \"加载中...\",\n\t/** 默认无匹配数据提示。 */\n\tnoMatchText: \"暂无匹配的数据\",\n\t/** 默认无数据提示。 */\n\tnoDataText: \"暂无数据\",\n\t/** 多选时默认折叠标签。 */\n\tcollapseTags: true,\n\t/** 默认在悬停折叠标签时显示完整内容。 */\n\tcollapseTagsTooltip: true,\n});\n\nElTable.setPropsDefaults({\n\t/** 默认显示边框。 */\n\tborder: true,\n\t/** 默认高亮当前行。 */\n\thighlightCurrentRow: true,\n\t/** 默认行 Key。 */\n\trowKey: \"id\",\n});\n\nElTree.setPropsDefaults({\n\t/** 默认展开所有节点。 */\n\tdefaultExpandAll: true,\n\t/** 默认点击时选中节点。 */\n\tcheckOnClickNode: true,\n\t/** 默认高亮当前节点。 */\n\thighlightCurrent: true,\n});\n\nElTreeSelect.setPropsDefaults({\n\t/** 默认加载提示。 */\n\tloadingText: \"加载中...\",\n\t/** 默认无匹配数据提示。 */\n\tnoMatchText: \"暂无匹配的数据\",\n\t/** 默认无数据提示。 */\n\tnoDataText: \"暂无数据\",\n\t/** 多选时默认折叠标签。 */\n\tcollapseTags: true,\n\t/** 默认在悬停折叠标签时显示完整内容。 */\n\tcollapseTagsTooltip: true,\n\t/** 默认展开所有节点。 */\n\tdefaultExpandAll: true,\n\t/** 默认点击时选中节点。 */\n\tcheckOnClickNode: true,\n\t/** 默认高亮当前节点。 */\n\thighlightCurrent: true,\n\t/** 默认仅通过箭头展开或收起节点。 */\n\texpandOnClickNode: false,\n});\n\n// ElMessageBox 默认配置\nconst elMessageBox = (\n\ttype: \"alert\" | \"confirm\" | \"prompt\",\n\tmessage: ElMessageBoxOptions[\"message\"],\n\toptions?: ElMessageBoxOptions,\n\tappContext?: AppContext | null\n): Promise<MessageBoxData> => {\n\t// 不直接修改调用方传入的配置，避免复用同一个 Options 对象时残留本次默认值和 beforeClose 包装。\n\tconst resolvedOptions: ElMessageBoxOptions = { ...(options ?? {}) };\n\t// 默认提示\n\tresolvedOptions.title ??= \"温馨提示\";\n\tif (isNil(resolvedOptions.draggable)) {\n\t\t// 默认拖拽\n\t\tresolvedOptions.draggable = true;\n\t}\n\t// 默认 取消按钮的文本内容\n\tresolvedOptions.cancelButtonText ??= \"取消\";\n\t// 默认 确定按钮的文本内容\n\tresolvedOptions.confirmButtonText ??= \"确定\";\n\tif (isNil(resolvedOptions.closeOnClickModal)) {\n\t\t// 默认 是否可通过点击遮罩层关闭 MessageBox\n\t\tresolvedOptions.closeOnClickModal = false;\n\t}\n\tif (isNil(resolvedOptions.closeOnPressEscape)) {\n\t\t// 默认 是否可通过按下 ESC 键关闭 MessageBox\n\t\tresolvedOptions.closeOnPressEscape = false;\n\t}\n\n\t// 关闭之前的判断逻辑\n\tif (!isNil(resolvedOptions.beforeClose)) {\n\t\tconst localBeforeClose = resolvedOptions.beforeClose;\n\t\tconst localConfirmButtonText = resolvedOptions.confirmButtonText;\n\t\tconst localShowCancelButton = resolvedOptions.showCancelButton;\n\t\tresolvedOptions.beforeClose = (action: Action, instance: MessageBoxState, done: () => void): void => {\n\t\t\tif (action === \"confirm\") {\n\t\t\t\tuseOverlay.show(0);\n\t\t\t\tinstance.confirmButtonLoading = true;\n\t\t\t\tinstance.showCancelButton = false;\n\t\t\t\tinstance.confirmButtonText = \"加载中...\";\n\t\t\t\tlet completed = false;\n\n\t\t\t\tconst cancelLoading = (): void => {\n\t\t\t\t\tinstance.confirmButtonLoading = false;\n\t\t\t\t\tinstance.showCancelButton = localShowCancelButton ?? false;\n\t\t\t\t\tinstance.confirmButtonText = localConfirmButtonText;\n\t\t\t\t\tuseOverlay.hide();\n\t\t\t\t};\n\n\t\t\t\tconst newDone = (): void => {\n\t\t\t\t\tif (completed) return;\n\t\t\t\t\tcompleted = true;\n\t\t\t\t\tcancelLoading();\n\t\t\t\t\tdone();\n\t\t\t\t};\n\n\t\t\t\tcallOptionalFunction(localBeforeClose, action, instance, newDone)\n\t\t\t\t\t.then(() => newDone())\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tif (!completed) cancelLoading();\n\t\t\t\t\t\tthrow error;\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tdone();\n\t\t\t}\n\t\t};\n\t}\n\n\t// 根据类型有一些判断\n\tswitch (type) {\n\t\tcase \"alert\":\n\t\t\tbreak;\n\t\tcase \"confirm\":\n\t\t\tresolvedOptions.showCancelButton ??= true;\n\t\t\tbreak;\n\t\tcase \"prompt\":\n\t\t\tresolvedOptions.showCancelButton ??= true;\n\t\t\tbreak;\n\t}\n\n\treturn ElMessageBox({ message, ...resolvedOptions, boxType: type }, appContext);\n};\n\ntype MESSAGE_BOX_TYPE = \"alert\" | \"confirm\" | \"prompt\";\nconst MESSAGE_BOX_DEFAULT_OPTS: Record<MESSAGE_BOX_TYPE, Partial<ElMessageBoxOptions>> = {\n\talert: { closeOnPressEscape: false, closeOnClickModal: false },\n\tconfirm: { showCancelButton: true },\n\tprompt: { showCancelButton: true, showInput: true },\n};\n\nconst isAppContext = (value: ElMessageBoxOptions | AppContext | null | undefined): value is AppContext =>\n\ttypeof value === \"object\" && value !== null && \"app\" in value && \"config\" in value;\n\nconst createMessageBoxShortcut = (type: MESSAGE_BOX_TYPE): ElMessageBoxShortcutMethod => {\n\tfunction shortcut(\n\t\tmessage: ElMessageBoxOptions[\"message\"],\n\t\toptions?: ElMessageBoxOptions,\n\t\tappContext?: AppContext | null\n\t): Promise<MessageBoxData>;\n\tfunction shortcut(\n\t\tmessage: ElMessageBoxOptions[\"message\"],\n\t\ttitle: ElMessageBoxOptions[\"title\"],\n\t\toptions?: ElMessageBoxOptions,\n\t\tappContext?: AppContext | null\n\t): Promise<MessageBoxData>;\n\tfunction shortcut(\n\t\tmessage: ElMessageBoxOptions[\"message\"],\n\t\ttitleOrOptions?: string | ElMessageBoxOptions,\n\t\toptionsOrContext?: ElMessageBoxOptions | AppContext | null,\n\t\tappContext?: AppContext | null\n\t): Promise<MessageBoxData> {\n\t\tif (isString(titleOrOptions)) {\n\t\t\tconst options = isAppContext(optionsOrContext) ? undefined : optionsOrContext;\n\t\t\treturn elMessageBox(type, message, { ...MESSAGE_BOX_DEFAULT_OPTS[type], title: titleOrOptions, ...(options ?? {}) }, appContext);\n\t\t}\n\n\t\tconst context = optionsOrContext === null || isAppContext(optionsOrContext) ? optionsOrContext : undefined;\n\t\treturn elMessageBox(type, message, { ...MESSAGE_BOX_DEFAULT_OPTS[type], ...(titleOrOptions ?? {}) }, context);\n\t}\n\n\treturn shortcut;\n};\n\nElMessageBox.alert = createMessageBoxShortcut(\"alert\");\nElMessageBox.prompt = createMessageBoxShortcut(\"prompt\");\nElMessageBox.confirm = createMessageBoxShortcut(\"confirm\");\n\n/**\n * 注册 Element Plus 及其全部图标。\n *\n * @param app - Vue 应用实例。\n */\nexport const installElementPlus = (app: App): void => {\n\t/** 注册 Element Plus 全部图标，供 FaIcon 按名称解析。 */\n\tfor (const [key, component] of Object.entries(ElementPlusIconsVue)) app.component(`el-icon-${key}`, component);\n\n\t/** Element Plus 组件完整引入 */\n\tapp.use(ElementPlus);\n};\n"],"mappings":"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"}

package/dist/global.d.ts

@@ -0,0 +1,58 @@
+import type { Directive } from "vue";
+declare module "vue" {
+    interface GlobalComponents {
+        FaAvatar: (typeof import("./components/avatar"))["FaAvatar"];
+        FaButton: (typeof import("./components/button"))["FaButton"];
+        FaCarNumber: (typeof import("./components/carNumber"))["FaCarNumber"];
+        FaContextMenu: (typeof import("./components/contextMenu"))["FaContextMenu"];
+        FaDialog: (typeof import("./components/dialog"))["FaDialog"];
+        FaDrawer: (typeof import("./components/drawer"))["FaDrawer"];
+        FaForm: (typeof import("./components/form"))["FaForm"];
+        FaFormItem: (typeof import("./components/form"))["FaFormItem"];
+        FaFormItemTip: (typeof import("./components/formItemTip"))["FaFormItemTip"];
+        FaIcon: (typeof import("./components/icon"))["FaIcon"];
+        FaIconSelector: (typeof import("./components/iconSelector"))["FaIconSelector"];
+        FaImage: (typeof import("./components/image"))["FaImage"];
+        FaInputDialogPage: (typeof import("./components/inputDialogPage"))["FaInputDialogPage"];
+        FaLayoutGrid: (typeof import("./components/layoutGrid"))["FaLayoutGrid"];
+        FaLayoutGridItem: (typeof import("./components/layoutGrid"))["FaLayoutGridItem"];
+        FaSelect: (typeof import("./components/select"))["FaSelect"];
+        FaSelectOption: (typeof import("./components/select"))["FaSelectOption"];
+        FaSelectPage: (typeof import("./components/selectPage"))["FaSelectPage"];
+        FaSelectV2: (typeof import("./components/selectV2"))["FaSelectV2"];
+        FaTable: (typeof import("./components/table"))["FaTable"];
+        FaTableColumn: (typeof import("./components/table"))["FaTableColumn"];
+        FaTableColumnsSettingDialog: (typeof import("./components/table"))["FaTable"]["TableColumnsSettingDialog"];
+        FaTablePagination: (typeof import("./components/table"))["FaTable"]["TablePagination"];
+        FaTableSearchForm: (typeof import("./components/table"))["FaTable"]["TableSearchForm"];
+        FaTableSearchFormItem: (typeof import("./components/table"))["FaTable"]["TableSearchFormItem"];
+        FaTree: (typeof import("./components/tree"))["FaTree"];
+        FaTreeSelect: (typeof import("./components/treeSelect"))["FaTreeSelect"];
+        FaUpload: (typeof import("./components/upload"))["FaUpload"];
+        FaUploadImage: (typeof import("./components/uploadImage"))["FaUploadImage"];
+        FaUploadImages: (typeof import("./components/uploadImages"))["FaUploadImages"];
+    }
+    interface GlobalDirectives {
+        /** 点击元素后复制绑定的文本或数字。 */
+        vCopy: Directive<HTMLElement, number | string>;
+        /** 将短时间内连续发生的点击合并为一次调用。 */
+        vDebounce: Directive<HTMLElement>;
+        /** 允许元素在父容器范围内拖动。 */
+        vDraggable: Directive<HTMLElement>;
+        /** 在目标元素旁显示复制图标，并复制绑定的文本或数字。 */
+        vIconCopy: Directive<HTMLElement, number | string>;
+        /** 长按元素时调用绑定的回调。 */
+        vLongpress: Directive<HTMLElement, (event: MouseEvent | TouchEvent) => void>;
+        /** 限制点击回调在固定时间窗口内只执行一次。 */
+        vThrottle: Directive<HTMLElement, (...arguments_: unknown[]) => void>;
+    }
+}
+declare global {
+    interface Window {
+        /** 全局 Loading 是否处于显示状态。 */
+        loading: boolean;
+        /** 全局遮罩层是否处于显示状态。 */
+        overlay: boolean;
+    }
+}
+export {};

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./use-loading";
+export * from "./use-overlay";
+export * from "./use-screenFull";

package/dist/hooks/use-loading/index.d.ts

@@ -0,0 +1,7 @@
+/** 全局页面加载效果控制器。 */
+export declare const useLoading: {
+    /** 显示全局页面加载效果。 */
+    show: () => void;
+    /** 隐藏全局页面加载效果。 */
+    hide: () => void;
+};

package/dist/hooks/use-loading/index.mjs

@@ -0,0 +1,43 @@
+//#region src/hooks/use-loading/index.ts
+let activeLoadingCount = 0;
+let hideTimer;
+/** 全局页面加载效果控制器。 */
+const useLoading = {
+	/** 显示全局页面加载效果。 */
+	show: () => {
+		activeLoadingCount++;
+		if (hideTimer !== void 0) {
+			clearTimeout(hideTimer);
+			hideTimer = void 0;
+		}
+		if (!document.querySelector(".__fa-loading")) {
+			const bodyEl = document.body;
+			const div = document.createElement("div");
+			div.className = "__fa-loading";
+			div.innerHTML = `
+<div class="__fa-loading__box">
+	<div class="__fa-loading__box-warp">
+			<div class="__fa-loading__box-warp__item"></div>
+	</div>
+</div>
+`;
+			bodyEl.insertBefore(div, bodyEl.firstChild);
+		}
+		window.loading = true;
+	},
+	/** 隐藏全局页面加载效果。 */
+	hide: () => {
+		activeLoadingCount = Math.max(activeLoadingCount - 1, 0);
+		if (activeLoadingCount > 0 || !window.loading) return;
+		if (hideTimer !== void 0) clearTimeout(hideTimer);
+		hideTimer = setTimeout(() => {
+			document.querySelector(".__fa-loading")?.remove();
+			window.loading = false;
+			hideTimer = void 0;
+		}, 500);
+	}
+};
+//#endregion
+export { useLoading };
+
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/use-loading/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/use-loading/index.ts"],"sourcesContent":["let activeLoadingCount = 0;\nlet hideTimer: ReturnType<typeof setTimeout> | undefined;\n\n/** 全局页面加载效果控制器。 */\nexport const useLoading = {\n\t/** 显示全局页面加载效果。 */\n\tshow: (): void => {\n\t\tactiveLoadingCount++;\n\t\tif (hideTimer !== undefined) {\n\t\t\tclearTimeout(hideTimer);\n\t\t\thideTimer = undefined;\n\t\t}\n\t\t// 判断是否存在加载效果\n\t\tif (!document.querySelector(\".__fa-loading\")) {\n\t\t\tconst bodyEl: Element = document.body;\n\t\t\tconst div = document.createElement(\"div\");\n\t\t\tdiv.className = \"__fa-loading\";\n\t\t\tdiv.innerHTML = `\n<div class=\"__fa-loading__box\">\n\t<div class=\"__fa-loading__box-warp\">\n\t\t\t<div class=\"__fa-loading__box-warp__item\"></div>\n\t</div>\n</div>\n`;\n\t\t\tbodyEl.insertBefore(div, bodyEl.firstChild);\n\t\t}\n\t\twindow.loading = true;\n\t},\n\t/** 隐藏全局页面加载效果。 */\n\thide: (): void => {\n\t\tactiveLoadingCount = Math.max(activeLoadingCount - 1, 0);\n\t\tif (activeLoadingCount > 0 || !window.loading) return;\n\t\tif (hideTimer !== undefined) clearTimeout(hideTimer);\n\t\thideTimer = setTimeout(() => {\n\t\t\tdocument.querySelector(\".__fa-loading\")?.remove();\n\t\t\twindow.loading = false;\n\t\t\thideTimer = undefined;\n\t\t}, 500);\n\t},\n};\n"],"mappings":";AAAA,IAAI,qBAAqB;AACzB,IAAI;;AAGJ,MAAa,aAAa;;CAEzB,YAAkB;EACjB;EACA,IAAI,cAAc,KAAA,GAAW;GAC5B,aAAa,SAAS;GACtB,YAAY,KAAA;EACb;EAEA,IAAI,CAAC,SAAS,cAAc,eAAe,GAAG;GAC7C,MAAM,SAAkB,SAAS;GACjC,MAAM,MAAM,SAAS,cAAc,KAAK;GACxC,IAAI,YAAY;GAChB,IAAI,YAAY;;;;;;;GAOhB,OAAO,aAAa,KAAK,OAAO,UAAU;EAC3C;EACA,OAAO,UAAU;CAClB;;CAEA,YAAkB;EACjB,qBAAqB,KAAK,IAAI,qBAAqB,GAAG,CAAC;EACvD,IAAI,qBAAqB,KAAK,CAAC,OAAO,SAAS;EAC/C,IAAI,cAAc,KAAA,GAAW,aAAa,SAAS;EACnD,YAAY,iBAAiB;GAC5B,SAAS,cAAc,eAAe,CAAC,EAAE,OAAO;GAChD,OAAO,UAAU;GACjB,YAAY,KAAA;EACb,GAAG,GAAG;CACP;AACD"}

package/dist/hooks/use-overlay/index.d.ts

@@ -0,0 +1,11 @@
+/** 全局页面遮罩层控制器。 */
+export declare const useOverlay: {
+    /**
+     * 显示全局页面遮罩层。
+     *
+     * @param transparent - 遮罩层透明度。
+     */
+    show: (transparent?: number) => void;
+    /** 隐藏全局页面遮罩层。 */
+    hide: () => void;
+};

package/dist/hooks/use-overlay/index.mjs

@@ -0,0 +1,33 @@
+//#region src/hooks/use-overlay/index.ts
+let activeOverlayCount = 0;
+/** 全局页面遮罩层控制器。 */
+const useOverlay = {
+	/**
+	* 显示全局页面遮罩层。
+	*
+	* @param transparent - 遮罩层透明度。
+	*/
+	show: (transparent = 0) => {
+		activeOverlayCount++;
+		let overlayEl = document.querySelector(".__fa-overlay");
+		if (!overlayEl) {
+			const bodyEl = document.body;
+			overlayEl = document.createElement("div");
+			overlayEl.className = "__fa-overlay";
+			bodyEl.insertBefore(overlayEl, bodyEl.firstChild);
+		}
+		overlayEl.style.backgroundColor = `rgba(0, 0, 0, ${transparent})`;
+		window.overlay = true;
+	},
+	/** 隐藏全局页面遮罩层。 */
+	hide: () => {
+		activeOverlayCount = Math.max(activeOverlayCount - 1, 0);
+		if (activeOverlayCount > 0 || !window.overlay) return;
+		document.querySelector(".__fa-overlay")?.remove();
+		window.overlay = false;
+	}
+};
+//#endregion
+export { useOverlay };
+
+//# sourceMappingURL=index.mjs.map

package/dist/hooks/use-overlay/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/hooks/use-overlay/index.ts"],"sourcesContent":["let activeOverlayCount = 0;\n\n/** 全局页面遮罩层控制器。 */\nexport const useOverlay = {\n\t/**\n\t * 显示全局页面遮罩层。\n\t *\n\t * @param transparent - 遮罩层透明度。\n\t */\n\tshow: (transparent = 0): void => {\n\t\tactiveOverlayCount++;\n\t\t// 判断是否存在遮罩层\n\t\tlet overlayEl = document.querySelector<HTMLElement>(\".__fa-overlay\");\n\t\tif (!overlayEl) {\n\t\t\tconst bodyEl: Element = document.body;\n\t\t\toverlayEl = document.createElement(\"div\");\n\t\t\toverlayEl.className = \"__fa-overlay\";\n\t\t\tbodyEl.insertBefore(overlayEl, bodyEl.firstChild);\n\t\t}\n\t\toverlayEl.style.backgroundColor = `rgba(0, 0, 0, ${transparent})`;\n\t\twindow.overlay = true;\n\t},\n\t/** 隐藏全局页面遮罩层。 */\n\thide: (): void => {\n\t\tactiveOverlayCount = Math.max(activeOverlayCount - 1, 0);\n\t\tif (activeOverlayCount > 0 || !window.overlay) return;\n\t\tdocument.querySelector(\".__fa-overlay\")?.remove();\n\t\twindow.overlay = false;\n\t},\n};\n"],"mappings":";AAAA,IAAI,qBAAqB;;AAGzB,MAAa,aAAa;;;;;;CAMzB,OAAO,cAAc,MAAY;EAChC;EAEA,IAAI,YAAY,SAAS,cAA2B,eAAe;EACnE,IAAI,CAAC,WAAW;GACf,MAAM,SAAkB,SAAS;GACjC,YAAY,SAAS,cAAc,KAAK;GACxC,UAAU,YAAY;GACtB,OAAO,aAAa,WAAW,OAAO,UAAU;EACjD;EACA,UAAU,MAAM,kBAAkB,iBAAiB,YAAY;EAC/D,OAAO,UAAU;CAClB;;CAEA,YAAkB;EACjB,qBAAqB,KAAK,IAAI,qBAAqB,GAAG,CAAC;EACvD,IAAI,qBAAqB,KAAK,CAAC,OAAO,SAAS;EAC/C,SAAS,cAAc,eAAe,CAAC,EAAE,OAAO;EAChD,OAAO,UAAU;CAClB;AACD"}

package/dist/hooks/use-screenFull/index.d.ts

@@ -0,0 +1,15 @@
+/** 浏览器全屏状态控制器。 */
+export declare const useScreenFull: {
+    /** 获取当前全屏状态。 */
+    isFullscreen: () => boolean;
+    /** 初始化全屏状态监听。 */
+    init: () => void;
+    /** 释放全屏状态监听。 */
+    dispose: () => void;
+    /** 切换全屏状态。 */
+    toggle: () => void;
+    /** 进入全屏状态。 */
+    full: () => void;
+    /** 退出全屏状态。 */
+    exit: () => void;
+};