yd-admin 0.1.5 → 0.1.7

package/dist/index.js

@@ -1,18 +1,8 @@
+import { t as __exportAll } from "./chunk-pbuEa-1d.js";
 import { Fragment, Teleport, Transition, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, h, inject, isRef, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, unref, useCssVars, useSlots, vModelCheckbox, vModelDynamic, vModelText, watch, withCtx, withDirectives, withKeys, withModifiers } from "vue";
 import AsyncValidator from "async-validator";
 import { createI18n } from "vue-i18n";
-//#region \0rolldown/runtime.js
-var __defProp = Object.defineProperty;
-var __exportAll = (all, no_symbols) => {
-	let target = {};
-	for (var name in all) __defProp(target, name, {
-		get: all[name],
-		enumerable: true
-	});
-	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
-	return target;
-};
-//#endregion
+import { createMemoryHistory, createRouter as createVueRouter, createWebHashHistory, createWebHistory } from "vue-router";
 //#region src/utils/crypto.ts
 /**
 * Web Crypto API 加密工具
@@ -83,26 +73,99 @@ async function decrypt(base64Data, key) {
 		return null;
 	}
 }
-//#endregion
-//#region src/utils/secure-storage.ts
 /**
-* 安全存储工具
-* 混合加密策略：
-* - sessionStorage: 使用动态会话密钥 (内存中，刷新即焚)
-* - localStorage: 使用 Vite 环境变量密钥 (防普通篡改)
+* 配置文件中的密钥缓存
 */
+let configLocalStorageKey;
+let configSessionStorageKey;
 let sessionKey = null;
 let storageReadyResolve = null;
 const storageReady = new Promise((resolve) => {
 	storageReadyResolve = resolve;
 });
+let localStorageKey = null;
 const ENV_KEY = import.meta.env.VITE_STORAGE_KEY || "yd-admin-default-key";
+const ENV_SESSION_KEY = import.meta.env.VITE_SESSION_STORAGE_KEY || "yd-admin-session-key";
+/**
+* 从配置文件加载密钥
+* @param filePath 配置文件路径，默认 config/storage.json
+*/
+async function loadKeyFromConfig(filePath) {
+	if (configLocalStorageKey) return {
+		local: configLocalStorageKey,
+		session: configSessionStorageKey || void 0
+	};
+	try {
+		const response = await fetch(filePath || "config/storage.json", { cache: "no-store" });
+		if (response.ok) {
+			const config = await response.json();
+			if (config.localStorageKey || config.sessionStorageKey || config.storageKey) {
+				configLocalStorageKey = config.storageKey || config.localStorageKey || void 0;
+				configSessionStorageKey = config.sessionStorageKey || config.storageKey || void 0;
+				return {
+					local: configLocalStorageKey,
+					session: configSessionStorageKey
+				};
+			}
+		}
+	} catch {}
+	return {};
+}
+/**
+* 解析 localStorage 密钥（按优先级）
+*/
+async function resolveLocalKey(config) {
+	if (config?.localStorageKey || config?.storageKey) return {
+		key: config.localStorageKey || config.storageKey,
+		source: "init"
+	};
+	const configFilePath = config?.configFile;
+	const configKeys = await loadKeyFromConfig(configFilePath);
+	if (configKeys.local) return {
+		key: configKeys.local,
+		source: "config"
+	};
+	if (import.meta.env.VITE_STORAGE_KEY) return {
+		key: import.meta.env.VITE_STORAGE_KEY,
+		source: "env"
+	};
+	return {
+		key: ENV_KEY,
+		source: "default"
+	};
+}
+/**
+* 解析 sessionStorage 密钥（按优先级）
+*/
+async function resolveSessionKey(config) {
+	if (config?.sessionStorageKey || config?.storageKey) return {
+		key: config.sessionStorageKey || config.storageKey,
+		source: "init"
+	};
+	const configFilePath = config?.configFile;
+	const configKeys = await loadKeyFromConfig(configFilePath);
+	if (configKeys.session) return {
+		key: configKeys.session,
+		source: "config"
+	};
+	if (import.meta.env.VITE_SESSION_STORAGE_KEY) return {
+		key: import.meta.env.VITE_SESSION_STORAGE_KEY,
+		source: "env"
+	};
+	return {
+		key: ENV_SESSION_KEY,
+		source: "dynamic"
+	};
+}
 /**
 * 初始化安全存储
 * 必须在应用启动时调用
+* @param config 可选的初始化配置
 */
-async function initSecureStorage() {
-	sessionKey = await generateSessionKey();
+async function initSecureStorage(config) {
+	localStorageKey = (await resolveLocalKey(config)).key;
+	if ((await resolveSessionKey(config)).source === "dynamic") sessionKey = await generateSessionKey();
+	else sessionKey = null;
 	if (storageReadyResolve) {
 		storageReadyResolve();
 		storageReadyResolve = null;
@@ -113,32 +176,119 @@ async function initSecureStorage() {
 */
 var SecureStorage = class {
 	storage;
-	key;
+	storageType;
 	constructor(type) {
+		this.storageType = type;
 		this.storage = type === "local" ? localStorage : sessionStorage;
-		this.key = type === "session" ? sessionKey : ENV_KEY;
+	}
+	/**
+	* 获取存储类型
+	*/
+	get type() {
+		return this.storageType;
+	}
+	/**
+	* 是否就绪
+	*/
+	get ready() {
+		return this.storageType === "session" ? !!sessionKey || !!ENV_SESSION_KEY : !!localStorageKey || !!ENV_KEY;
+	}
+	/**
+	* 获取密钥（根据存储类型）
+	*/
+	getCurrentKey() {
+		if (this.storageType === "session") {
+			if (sessionKey) return sessionKey;
+			return ENV_SESSION_KEY;
+		}
+		return localStorageKey || ENV_KEY;
 	}
 	/**
 	* 异步写入
+	* @param key 存储键名
+	* @param value 存储值
+	* @param options 写入选项（可选）
 	*/
-	async setItem(key, value) {
-		if (!this.key && this.storage === sessionStorage) return;
+	async setItem(key, value, options) {
+		const currentKey = this.getCurrentKey();
+		if (this.storageType === "session" && !sessionKey && true) {
+			console.warn(`[secureStorage] sessionStorage key not ready, write "${key}" skipped`);
+			return;
+		}
 		try {
-			const encrypted = await encrypt(JSON.stringify(value), this.key);
+			const now = Date.now();
+			const stored = {
+				data: value,
+				createdAt: now,
+				expiresAt: options?.expiresIn ? now + options.expiresIn * 1e3 : void 0
+			};
+			let json = JSON.stringify(stored);
+			if (options?.compress) {
+				const encoder = new TextEncoder();
+				const reader = new ReadableStream({ start(controller) {
+					controller.enqueue(encoder.encode(json));
+					controller.close();
+				} }).pipeThrough(new CompressionStream("gzip")).getReader();
+				const chunks = [];
+				while (true) {
+					const { done, value } = await reader.read();
+					if (done) break;
+					chunks.push(value);
+				}
+				const merged = new Uint8Array(chunks.reduce((a, c) => a + c.length, 0));
+				let off = 0;
+				for (const chunk of chunks) {
+					merged.set(chunk, off);
+					off += chunk.length;
+				}
+				json = btoa(String.fromCharCode(...merged));
+			}
+			const encrypted = await encrypt(json, currentKey);
 			this.storage.setItem(key, encrypted);
-		} catch {}
+		} catch (error) {
+			console.warn(`[secureStorage] failed to encrypt "${key}":`, error);
+		}
 	}
 	/**
 	* 异步读取
 	*/
 	async getItem(key) {
-		if (!this.key && this.storage === sessionStorage) return null;
+		const currentKey = this.getCurrentKey();
 		try {
 			const encrypted = this.storage.getItem(key);
 			if (!encrypted) return null;
-			const json = await decrypt(encrypted, this.key);
-			if (!json) return null;
-			return JSON.parse(json);
+			let json = await decrypt(encrypted, currentKey);
+			if (!json) {
+				this.storage.removeItem(key);
+				return null;
+			}
+			try {
+				const decoded = atob(json);
+				const bytes = Uint8Array.from(decoded, (c) => c.charCodeAt(0));
+				const reader = new ReadableStream({ start(controller) {
+					controller.enqueue(bytes);
+					controller.close();
+				} }).pipeThrough(new DecompressionStream("gzip")).getReader();
+				const chunks = [];
+				while (true) {
+					const { done, value } = await reader.read();
+					if (done) break;
+					chunks.push(value);
+				}
+				const merged = new Uint8Array(chunks.reduce((a, c) => a + c.length, 0));
+				let off = 0;
+				for (const chunk of chunks) {
+					merged.set(chunk, off);
+					off += chunk.length;
+				}
+				json = new TextDecoder().decode(merged);
+			} catch {}
+			const stored = JSON.parse(json);
+			if (stored.expiresAt && Date.now() > stored.expiresAt) {
+				this.storage.removeItem(key);
+				return null;
+			}
+			return stored.data;
 		} catch {
 			this.storage.removeItem(key);
 			return null;
@@ -464,7 +614,7 @@ var export_helper_default = (sfc, props) => {
 };
 //#endregion
 //#region src/components/base/button/button.vue
-const _hoisted_1$44 = ["disabled", "type"];
+const _hoisted_1$45 = ["disabled", "type"];
 const _hoisted_2$26 = {
 	key: 0,
 	class: "yd-button__loading"
@@ -526,10 +676,89 @@ var button_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defin
 				"stroke-width": "3",
 				"stroke-dasharray": "31.4 31.4",
 				"stroke-linecap": "round"
-			})], -1)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3$17, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 10, _hoisted_1$44);
+			})], -1)])])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_3$17, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 10, _hoisted_1$45);
+		};
+	}
+}), [["__scopeId", "data-v-8a9a80ea"]]);
+//#endregion
+//#region src/components/base/icon/registry.ts
+const iconRegistry = ref({
+	check: "<path d=\"M20 6L9 17l-5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	close: "<path d=\"M18 6L6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	arrowLeft: "<path d=\"M19 12H5m0 0l7 7m-7-7l7-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	arrowRight: "<path d=\"M5 12h14m0 0l-7-7m7 7l-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	chevronDown: "<path d=\"M6 9l6 6 6-6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	chevronUp: "<path d=\"M18 15l-6-6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	search: "<path d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	menu: "<path d=\"M4 6h16M4 12h16M4 18h16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	user: "<path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"12\" cy=\"7\" r=\"4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>",
+	settings: "<path d=\"M12 15a3 3 0 100-6 3 3 0 000 6z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-2 2 2 2 0 01-2-2v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83 0 2 2 0 010-2.83l.06-.06a1.65 1.65 0 00.33-1.82 1.65 1.65 0 00-1.51-1H3a2 2 0 01-2-2 2 2 0 012-2h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 010-2.83 2 2 0 012.83 0l.06.06a1.65 1.65 0 001.82.33H9a1.65 1.65 0 001-1.51V3a2 2 0 012-2 2 2 0 012 2v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 0 2 2 0 010 2.83l-.06.06a1.65 1.65 0 00-.33 1.82V9a1.65 1.65 0 001.51 1H21a2 2 0 012 2 2 2 0 01-2 2h-.09a1.65 1.65 0 00-1.51 1z\" stroke=\"currentColor\" stroke-width=\"2\"/>"
+});
+function registerIcon(name, svg) {
+	iconRegistry.value[name] = svg;
+}
+function getIcon(name) {
+	return iconRegistry.value[name] || "";
+}
+function getIconRegistry() {
+	return iconRegistry.value;
+}
+//#endregion
+//#region src/components/base/icon/icon.vue
+const _hoisted_1$44 = ["innerHTML"];
+var icon_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "YdIcon",
+	inheritAttrs: false,
+	__name: "icon",
+	props: {
+		name: { default: "" },
+		size: { default: 16 },
+		color: { default: "currentColor" },
+		rotate: { default: 0 },
+		spin: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		function e(element) {
+			return `yd-icon__${element}`;
+		}
+		const svgContent = computed(() => {
+			if (!props.name) return "";
+			if (props.name.includes("<svg") || props.name.includes("<path")) return props.name;
+			return getIcon(props.name) || "";
+		});
+		const iconStyle = computed(() => {
+			const size = typeof props.size === "number" ? `${props.size}px` : props.size;
+			return {
+				width: size,
+				height: size,
+				color: props.color,
+				transform: props.rotate ? `rotate(${props.rotate}deg)` : void 0
+			};
+		});
+		function handleClick(event) {
+			emit("click", event);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps({
+				class: unref(cn)("yd-icon"),
+				style: iconStyle.value
+			}, _ctx.$attrs, { onClick: handleClick }), [createCommentVNode(" SVG Content "), svgContent.value ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: normalizeClass(e("svg")),
+				viewBox: "0 0 24 24",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg",
+				innerHTML: svgContent.value
+			}, null, 10, _hoisted_1$44)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" Slot Fallback "), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 2112))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-6f15c079"]]);
+}), [["__scopeId", "data-v-20774ae9"]]);
 //#endregion
 //#region src/components/base/input/input.vue
 const _hoisted_1$43 = [
@@ -3773,7 +4002,7 @@ var login_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ define
 			], 2)], 2)], 2)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-bea2a0a0"]]);
+}), [["__scopeId", "data-v-a965dc29"]]);
 //#endregion
 //#region src/components/base/login/login-centered.vue
 const _hoisted_1$24 = ["fill"];
@@ -4243,7 +4472,7 @@ var login_centered_default = /* @__PURE__ */ export_helper_default(/* @__PURE__
 			], 2)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-51d3fc32"]]);
+}), [["__scopeId", "data-v-be643e6b"]]);
 //#endregion
 //#region src/components/base/pin-input/pin-input.vue
 const _hoisted_1$23 = [
@@ -6023,7 +6252,7 @@ var SchemaForm_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ d
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-ec0612ee"]]);
+}), [["__scopeId", "data-v-624e5d24"]]);
 var space_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineComponent({
 	name: "YdSpace",
 	__name: "space",
@@ -6039,11 +6268,11 @@ var space_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ define
 	setup(__props) {
 		const props = __props;
 		const sizeMap = {
-			xs: "4px",
-			sm: "8px",
-			md: "12px",
-			lg: "16px",
-			xl: "24px"
+			xs: "var(--yd-spacing-xs)",
+			sm: "var(--yd-spacing-sm)",
+			md: "var(--yd-spacing-md)",
+			lg: "var(--yd-spacing-base)",
+			xl: "var(--yd-spacing-xl)"
 		};
 		const spaceClasses = computed(() => cn("yd-space", `yd-space--${props.direction}`, props.wrap && "yd-space--wrap", props.align && `yd-space--align-${props.align}`));
 		const spaceStyle = computed(() => {
@@ -6061,7 +6290,7 @@ var space_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ define
 			}, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 6);
 		};
 	}
-}), [["__scopeId", "data-v-b4fe0afb"]]);
+}), [["__scopeId", "data-v-e6e2e015"]]);
 var divider_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineComponent({
 	name: "YdDivider",
 	__name: "divider",
@@ -6572,7 +6801,7 @@ var menu_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineC
 /**
 * 检查用户是否有权限访问菜单项
 */
-function hasPermission(menuPermission, userPermissions) {
+function hasPermission$1(menuPermission, userPermissions) {
 	if (!menuPermission) return true;
 	const perms = Array.isArray(menuPermission) ? menuPermission : [menuPermission];
 	const userPerms = userPermissions.permissions || [];
@@ -6596,7 +6825,7 @@ function filterMenuItems(items, userPermissions) {
 	for (const item of items) {
 		if (item.hidden) continue;
 		if (userPermissions) {
-			if (!hasPermission(item.permission, userPermissions)) continue;
+			if (!hasPermission$1(item.permission, userPermissions)) continue;
 			if (!hasRole(item.roles, userPermissions)) continue;
 		}
 		const filteredChildren = item.children ? filterMenuItems(item.children, userPermissions) : void 0;
@@ -6679,7 +6908,7 @@ function searchMenuItems(items, query, userPermissions) {
 	for (const item of items) {
 		if (item.hidden) continue;
 		if (userPermissions) {
-			if (!hasPermission(item.permission, userPermissions)) continue;
+			if (!hasPermission$1(item.permission, userPermissions)) continue;
 			if (!hasRole(item.roles, userPermissions)) continue;
 		}
 		const labelMatch = item.label.toLowerCase().includes(searchTerm);
@@ -7558,7 +7787,7 @@ var tabs_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineC
 			], 2);
 		};
 	}
-}), [["__scopeId", "data-v-4f0651bb"]]);
+}), [["__scopeId", "data-v-65b74196"]]);
 //#endregion
 //#region src/components/navigation/dropdown/dropdown.vue
 const _hoisted_1$17 = [
@@ -8771,7 +9000,7 @@ var card_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineC
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-ab14db69"]]);
+}), [["__scopeId", "data-v-264319fe"]]);
 var tooltip_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineComponent({
 	name: "YdTooltip",
 	__name: "tooltip",
@@ -11877,6 +12106,78 @@ var context_menu_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */
 		};
 	}
 }), [["__scopeId", "data-v-5a5029b0"]]);
+var loading_bar_default = /* @__PURE__ */ export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "YdLoadingBar",
+	__name: "loading-bar",
+	props: {
+		percent: { default: 0 },
+		status: { default: "normal" },
+		size: { default: "md" },
+		duration: { default: 200 },
+		color: { default: "" }
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		const visible = ref(false);
+		const currentPercent = ref(0);
+		const loadingBarClasses = computed(() => cn("yd-loading-bar", `yd-loading-bar--${props.status}`, `yd-loading-bar--${props.size}`));
+		const loadingBarStyle = computed(() => ({ "--yd-loading-bar-duration": `${props.duration}ms` }));
+		const innerStyle = computed(() => {
+			const width = `${currentPercent.value}%`;
+			let background = props.color;
+			if (!background) if (props.status === "success") background = "var(--yd-color-success)";
+			else if (props.status === "error") background = "var(--yd-color-error)";
+			else background = "var(--yd-color-primary-500)";
+			return {
+				width,
+				background
+			};
+		});
+		watch(() => props.percent, (newPercent) => {
+			currentPercent.value = Math.min(100, Math.max(0, newPercent));
+		});
+		function start() {
+			visible.value = true;
+			currentPercent.value = 0;
+		}
+		function finish() {
+			currentPercent.value = 100;
+			setTimeout(() => {
+				visible.value = false;
+				setTimeout(() => {
+					currentPercent.value = 0;
+				}, props.duration);
+			}, props.duration);
+		}
+		function setPercent(value) {
+			visible.value = true;
+			currentPercent.value = Math.min(100, Math.max(0, value));
+		}
+		function error() {
+			visible.value = true;
+			currentPercent.value = 100;
+		}
+		__expose({
+			start,
+			finish,
+			setPercent,
+			error
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: "yd-loading-bar" }, {
+				default: withCtx(() => [visible.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(loadingBarClasses.value),
+					style: normalizeStyle(loadingBarStyle.value)
+				}, [createElementVNode("div", {
+					class: normalizeClass(_ctx.e("inner")),
+					style: normalizeStyle(innerStyle.value)
+				}, null, 6)], 6)) : createCommentVNode("v-if", true)]),
+				_: 1
+			})]);
+		};
+	}
+}), [["__scopeId", "data-v-a2e1e011"]]);
 //#endregion
 //#region src/components/config-provider/config-provider.vue
 const _hoisted_1 = ["data-theme"];
@@ -12081,6 +12382,92 @@ function useLoginForm(options = {}) {
 	};
 }
 //#endregion
+//#region src/composables/use-loading-bar.ts
+let loadingBarApp = null;
+let loadingBarInstance = null;
+const mountingContainer = ref(null);
+/**
+* 创建 LoadingBar 实例
+*/
+function createLoadingBarInstance() {
+	if (loadingBarApp) return loadingBarInstance;
+	const container = document.createElement("div");
+	container.id = "yd-loading-bar-container";
+	document.body.appendChild(container);
+	mountingContainer.value = container;
+	loadingBarApp = createApp({ render() {
+		return h(loading_bar_default);
+	} });
+	loadingBarInstance = loadingBarApp.mount(container);
+	return loadingBarInstance;
+}
+/**
+* LoadingBar 组合式函数
+* 提供全局加载进度条控制方法
+* @returns LoadingBar 控制函数
+*/
+function useLoadingBar() {
+	/**
+	* 开始加载
+	* @param options - 配置选项
+	*/
+	const start = (options) => {
+		const instance = createLoadingBarInstance();
+		if (instance) {
+			instance.start();
+			if (options?.size) instance.size = options.size;
+			if (options?.color) instance.color = options.color;
+		}
+	};
+	/**
+	* 完成加载
+	*/
+	const finish = () => {
+		if (loadingBarInstance) loadingBarInstance.finish();
+	};
+	/**
+	* 设置进度百分比
+	* @param percent - 进度百分比 (0-100)
+	*/
+	const setPercent = (percent) => {
+		if (loadingBarInstance) loadingBarInstance.setPercent(percent);
+	};
+	/**
+	* 显示错误状态
+	*/
+	const error = () => {
+		if (loadingBarInstance) loadingBarInstance.error();
+	};
+	return {
+		start,
+		finish,
+		setPercent,
+		error
+	};
+}
+const loadingBar = {
+	start: (options) => {
+		const instance = createLoadingBarInstance();
+		if (instance) {
+			instance.start();
+			if (options?.size) instance.size = options.size;
+			if (options?.color) instance.color = options.color;
+		}
+	},
+	finish: () => {
+		const instance = createLoadingBarInstance();
+		if (instance) instance.finish();
+	},
+	setPercent: (percent) => {
+		const instance = createLoadingBarInstance();
+		if (instance) instance.setPercent(percent);
+	},
+	error: () => {
+		const instance = createLoadingBarInstance();
+		if (instance) instance.error();
+	}
+};
+//#endregion
 //#region src/hooks/use-loading.ts
 /**
 * Loading 状态管理 hook
@@ -12785,4 +13172,417 @@ function YdAdminResolver() {
 	};
 }
 //#endregion
-export { ANIMATION_DURATION, COMPONENT_PREFIX, CSS_PREFIX, DEBOUNCE_DEFAULTS, DEBOUNCE_DELAY, DEFAULT_LAYOUT_SIZE, Message, Notification, THROTTLE_DEFAULTS, THROTTLE_DELAY, YdAdminResolver, anchor_default as YdAnchor, auto_complete_default as YdAutoComplete, avatar_default as YdAvatar, badge_default as YdBadge, breadcrumb_default as YdBreadcrumb, button_default as YdButton, captcha_default as YdCaptcha, card_default as YdCard, cascader_default as YdCascader, checkbox_default as YdCheckbox, checkbox_group_default as YdCheckboxGroup, collapse_default as YdCollapse, color_picker_default as YdColorPicker, config_provider_default as YdConfigProvider, context_menu_default as YdContextMenu, date_picker_default as YdDatePicker, date_range_picker_default as YdDateRangePicker, divider_default as YdDivider, drawer_default as YdDrawer, dropdown_default as YdDropdown, empty_default as YdEmpty, form_default as YdForm, form_item_default as YdFormItem, image_default as YdImage, image_preview_group_default as YdImagePreviewGroup, input_default as YdInput, input_number_default as YdInputNumber, layout_default as YdLayout, layout_content_default as YdLayoutContent, layout_header_default as YdLayoutHeader, layout_sidebar_default as YdLayoutSidebar, list_default as YdList, login_default as YdLogin, login_centered_default as YdLoginCentered, menu_default as YdMenu, modal_default as YdModal, pagination_default as YdPagination, pin_input_default as YdPinInput, popconfirm_default as YdPopconfirm, progress_default as YdProgress, radio_default as YdRadio, radio_group_default as YdRadioGroup, rate_default as YdRate, result_default as YdResult, SchemaForm_default as YdSchemaForm, select_default as YdSelect, skeleton_default as YdSkeleton, slider_default as YdSlider, space_default as YdSpace, spin_default as YdSpin, statistic_default as YdStatistic, steps_default as YdSteps, switch_default as YdSwitch, table_default as YdTable, tabs_default as YdTabs, tag_default as YdTag, textarea_default as YdTextarea, time_picker_default as YdTimePicker, timeline_default as YdTimeline, tooltip_default as YdTooltip, transfer_default as YdTransfer, tree_default as YdTree, tree_select_default as YdTreeSelect, upload_default as YdUpload, Z_INDEX, buildBreadcrumb, changeLocale, checkRoutePermission, cn, convertToSimpleRoute, debounce, decrypt, deepClone, dt, dynamicRouter, encrypt, filterMenuItems, findMenuItem, findMenuPath, flattenMenuItems, generateId, generateRouteTitle, generateSessionKey, getBreadcrumbPaths, getCurrentLocale, i18n, initSecureStorage, isArray, isDate, isEmpty, isEmptyObject, isFunction, isObject, isPathMatch, isPromise, joinPath, menuToRoutes, nf, normalizePath, registerLazyLocale, searchMenuItems, secureLocal, secureSession, secureStoragePlugin, setLocale, setupI18n, supportedLocales, t, tc, themes, throttle, useFormSchema, useFormValidate, useLoading, useLoginForm, useNamespace };
+//#region src/router/create-router.ts
+/**
+* Create Router - 路由工厂
+* 创建配置化的 Vue Router 实例
+*/
+/**
+* 安装路由守卫
+*/
+function setupGuards(router, guards) {
+	const toGuardArray = (guard) => {
+		return Array.isArray(guard) ? guard : [guard];
+	};
+	if (guards.beforeEach) {
+		const guardArray = toGuardArray(guards.beforeEach);
+		router.beforeEach(async (to, from, next) => {
+			for (const guard of guardArray) await guard(to, from, next);
+		});
+	}
+	if (guards.afterEach) {
+		const guardArray = toGuardArray(guards.afterEach);
+		router.afterEach((to, from) => {
+			for (const guard of guardArray) guard(to, from, () => {});
+		});
+	}
+	if (guards.beforeResolve) {
+		const guardArray = toGuardArray(guards.beforeResolve);
+		router.beforeResolve(async (to, from, next) => {
+			for (const guard of guardArray) await guard(to, from, next);
+		});
+	}
+}
+/**
+* 创建路由历史
+*/
+function createRouterHistory(mode, base) {
+	switch (mode) {
+		case "hash": return createWebHashHistory(base);
+		case "memory": return createMemoryHistory(base);
+		default: return createWebHistory(base);
+	}
+}
+/**
+* 创建路由实例
+* @param options 路由选项
+* @returns Vue Router 实例
+*/
+function createAppRouter(options = {}) {
+	const { history = "html5", base, routes = [], guards = {}, strict = false, sensitive = false } = options;
+	const router = createVueRouter({
+		history: createRouterHistory(history, base),
+		routes,
+		strict,
+		sensitive
+	});
+	setupGuards(router, guards);
+	return router;
+}
+/**
+* 获取默认路由配置
+* @returns 默认路由数组
+*/
+function getDefaultRoutes() {
+	return [{
+		path: "/",
+		redirect: "/dashboard",
+		meta: { ignoreAuth: true }
+	}];
+}
+/**
+* 获取 404 路由
+* @param path 404 页面路径
+* @returns 404 路由配置
+*/
+function getNotFoundRoute(path = "/404") {
+	return {
+		path: "/:pathMatch(.*)*",
+		redirect: path,
+		meta: { ignoreAuth: true }
+	};
+}
+//#endregion
+//#region src/router/guards/auth.ts
+/**
+* 创建认证守卫
+* @param options 认证守卫选项
+* @returns 认证守卫函数
+*/
+function createAuthGuard(options) {
+	const { checker, loginName = "Login", ignore } = options;
+	return async (to, _from, next) => {
+		if (ignore?.(to)) {
+			next();
+			return;
+		}
+		if (to.meta?.requiresAuth === false || to.meta?.ignoreAuth === true) {
+			next();
+			return;
+		}
+		if (!await checker()) {
+			const redirect = to.fullPath;
+			next({
+				name: loginName,
+				query: { redirect }
+			});
+			return;
+		}
+		next();
+	};
+}
+/**
+* 默认认证守卫选项
+*/
+const defaultAuthGuardOptions = {
+	loginPath: "/login",
+	loginName: "Login",
+	ignore: (to) => Boolean(to.meta?.ignoreAuth)
+};
+//#endregion
+//#region src/router/guards/permission.ts
+/**
+* 创建权限守卫
+* @param options 权限守卫选项
+* @returns 权限守卫函数
+*/
+function createPermissionGuard(options) {
+	const { checker, forbiddenName = "Forbidden" } = options;
+	return async (to, _from, next) => {
+		const requiredPermission = to.meta?.permission;
+		if (!requiredPermission) {
+			next();
+			return;
+		}
+		const userPermissions = {
+			roles: [],
+			permissions: []
+		};
+		if (requiredPermission) {
+			if (!await checker(requiredPermission, userPermissions)) {
+				next({ name: forbiddenName });
+				return;
+			}
+		}
+		next();
+	};
+}
+/**
+* 创建角色守卫
+* @param options 角色守卫选项
+* @returns 角色守卫函数
+*/
+function createRoleGuard(options) {
+	const { checker, forbiddenPath = "/403" } = options;
+	return async (to, _from, next) => {
+		const requiredRoles = to.meta?.roles;
+		if (!requiredRoles || requiredRoles.length === 0) {
+			next();
+			return;
+		}
+		if (!await checker(requiredRoles, {
+			roles: [],
+			permissions: []
+		})) {
+			next({ path: forbiddenPath });
+			return;
+		}
+		next();
+	};
+}
+//#endregion
+//#region src/router/composables/use-dynamic-route.ts
+/**
+* Use Dynamic Route - 动态路由管理组合式函数
+* 提供动态添加/移除路由的能力
+*/
+/** 路由实例 ref - 使用 any 类型避免 Vue Router 5 类型不兼容问题 */
+const routerInstance = ref(null);
+/**
+* 设置路由实例
+* @param router Vue Router 实例
+*/
+function setRouter(router) {
+	routerInstance.value = router;
+}
+/**
+* 获取当前路由实例
+*/
+function getRouterInstance() {
+	return routerInstance.value;
+}
+/**
+* 添加单条路由
+* @param route 路由配置
+* @param options 添加选项
+* @returns 是否成功
+*/
+function addRoute(route, options = {}) {
+	const router = routerInstance.value;
+	if (!router) {
+		console.warn("[useDynamicRoute] Router not initialized");
+		return false;
+	}
+	const { parentName, overwrite = false } = options;
+	try {
+		if (parentName) router.addRoute(parentName, route);
+		else if (overwrite) router.addRoute(route);
+		else if (!router.getRoutes().find((r) => r.name === route.name)) router.addRoute(route);
+		return true;
+	} catch (error) {
+		console.error("[useDynamicRoute] Failed to add route:", error);
+		return false;
+	}
+}
+/**
+* 批量添加路由
+* @param routes 路由数组
+* @param options 添加选项
+* @returns 成功数量
+*/
+function addRoutes(routes, options = {}) {
+	let successCount = 0;
+	for (const route of routes) if (addRoute(route, options)) successCount++;
+	return successCount;
+}
+/**
+* 移除路由
+* @param name 路由名称
+* @returns 是否成功
+*/
+function removeRoute(name) {
+	const router = routerInstance.value;
+	if (!router) return false;
+	try {
+		router.removeRoute(name);
+		return true;
+	} catch {
+		return false;
+	}
+}
+/**
+* 获取所有路由
+*/
+function getRoutes() {
+	return routerInstance.value?.getRoutes() ?? [];
+}
+/**
+* 获取当前路由信息
+*/
+function getCurrentRoute() {
+	return routerInstance.value?.currentRoute;
+}
+/**
+* 获取当前路径
+*/
+function getCurrentPath() {
+	return routerInstance.value?.currentRoute?.fullPath;
+}
+/**
+* 获取当前路由名称
+*/
+function getCurrentName() {
+	const name = routerInstance.value?.currentRoute.name;
+	return typeof name === "string" ? name : void 0;
+}
+/**
+* 导航到指定路径
+* @param path 路径
+* @param query 查询参数
+*/
+function push(path, query) {
+	return routerInstance.value?.push({
+		path,
+		query
+	});
+}
+/**
+* 替换当前路径
+* @param path 路径
+*/
+function replace(path) {
+	return routerInstance.value?.replace({ path });
+}
+//#endregion
+//#region src/router/utils/route-helpers.ts
+/**
+* 过滤菜单项（根据权限）
+* @param items 菜单项数组
+* @param permissions 用户权限
+* @returns 过滤后的菜单项
+*/
+function filterMenuItems$1(items, permissions) {
+	if (!permissions) return items;
+	const { roles = [], permissions: perms = [] } = permissions;
+	return items.filter((item) => {
+		if (item.roles && item.roles.length > 0) {
+			if (!item.roles.some((role) => roles.includes(role))) return false;
+		}
+		if (item.permission) {
+			if (!(Array.isArray(item.permission) ? item.permission : [item.permission]).some((p) => perms.includes(p))) return false;
+		}
+		if (item.children && item.children.length > 0) item.children = filterMenuItems$1(item.children, permissions);
+		return true;
+	});
+}
+/**
+* 将 MenuItem 数组转换为路由记录
+* @param items 菜单项数组
+* @param options 选项
+* @returns 路由记录数组
+*/
+function menuToRoutes$1(items, options = {}) {
+	const { basePath = "", userPermissions } = options;
+	return (userPermissions ? filterMenuItems$1(items, userPermissions) : items).map((item) => {
+		const route = {
+			path: item.path || item.key,
+			name: item.key,
+			meta: {
+				title: item.label,
+				icon: item.icon,
+				permission: item.permission,
+				roles: item.roles,
+				keepAlive: true
+			}
+		};
+		if (item.children && item.children.length > 0) route.children = menuToRoutes$1(item.children, {
+			basePath: `${basePath}/${route.path}`,
+			userPermissions
+		});
+		return route;
+	});
+}
+/**
+* 检查路由是否需要认证
+* @param route 路由记录
+* @returns 是否需要认证
+*/
+function requiresAuth(route) {
+	return route.meta?.requiresAuth !== false;
+}
+/**
+* 检查路由是否有权限
+* @param route 路由记录
+* @param permissions 用户权限
+* @returns 是否有权限
+*/
+function hasPermission(route, permissions) {
+	const meta = route.meta;
+	if (meta?.permission) {
+		const required = Array.isArray(meta.permission) ? meta.permission : [meta.permission];
+		const userPerms = permissions?.permissions || [];
+		return required.some((p) => userPerms.includes(p));
+	}
+	if (meta?.roles) {
+		const required = meta.roles;
+		const userRoles = permissions?.roles || [];
+		return required.some((r) => userRoles.includes(r));
+	}
+	return true;
+}
+/**
+* 生成面包屑
+* @param routes 路由数组
+* @param currentPath 当前路径
+* @returns 面包屑数组
+*/
+function generateBreadcrumbs(routes, currentPath) {
+	const breadcrumbs = [];
+	const findRoute = (routeList, path) => {
+		for (const route of routeList) {
+			if (route.path === path) return route;
+			if (route.children) {
+				const found = findRoute(route.children, path);
+				if (found) return found;
+			}
+		}
+	};
+	const route = findRoute(routes, currentPath);
+	if (route) breadcrumbs.push({
+		label: route.meta?.title || route.name || "",
+		path: route.path
+	});
+	return breadcrumbs;
+}
+//#endregion
+//#region src/router/index.ts
+var router_exports = /* @__PURE__ */ __exportAll({
+	addRoute: () => addRoute,
+	addRoutes: () => addRoutes,
+	createAppRouter: () => createAppRouter,
+	createAuthGuard: () => createAuthGuard,
+	createMemoryHistory: () => createMemoryHistory,
+	createPermissionGuard: () => createPermissionGuard,
+	createRoleGuard: () => createRoleGuard,
+	createWebHashHistory: () => createWebHashHistory,
+	createWebHistory: () => createWebHistory,
+	defaultAuthGuardOptions: () => defaultAuthGuardOptions,
+	filterMenuItems: () => filterMenuItems$1,
+	generateBreadcrumbs: () => generateBreadcrumbs,
+	getCurrentName: () => getCurrentName,
+	getCurrentPath: () => getCurrentPath,
+	getCurrentRoute: () => getCurrentRoute,
+	getDefaultRoutes: () => getDefaultRoutes,
+	getNotFoundRoute: () => getNotFoundRoute,
+	getRouterInstance: () => getRouterInstance,
+	getRoutes: () => getRoutes,
+	hasPermission: () => hasPermission,
+	menuToRoutes: () => menuToRoutes$1,
+	push: () => push,
+	removeRoute: () => removeRoute,
+	replace: () => replace,
+	requiresAuth: () => requiresAuth,
+	setRouter: () => setRouter
+});
+//#endregion
+export { ANIMATION_DURATION, COMPONENT_PREFIX, CSS_PREFIX, DEBOUNCE_DEFAULTS, DEBOUNCE_DELAY, DEFAULT_LAYOUT_SIZE, Message, Notification, THROTTLE_DEFAULTS, THROTTLE_DELAY, YdAdminResolver, anchor_default as YdAnchor, auto_complete_default as YdAutoComplete, avatar_default as YdAvatar, badge_default as YdBadge, breadcrumb_default as YdBreadcrumb, button_default as YdButton, captcha_default as YdCaptcha, card_default as YdCard, cascader_default as YdCascader, checkbox_default as YdCheckbox, checkbox_group_default as YdCheckboxGroup, collapse_default as YdCollapse, color_picker_default as YdColorPicker, config_provider_default as YdConfigProvider, context_menu_default as YdContextMenu, date_picker_default as YdDatePicker, date_range_picker_default as YdDateRangePicker, divider_default as YdDivider, drawer_default as YdDrawer, dropdown_default as YdDropdown, empty_default as YdEmpty, form_default as YdForm, form_item_default as YdFormItem, icon_default as YdIcon, image_default as YdImage, image_preview_group_default as YdImagePreviewGroup, input_default as YdInput, input_number_default as YdInputNumber, layout_default as YdLayout, layout_content_default as YdLayoutContent, layout_header_default as YdLayoutHeader, layout_sidebar_default as YdLayoutSidebar, list_default as YdList, loading_bar_default as YdLoadingBar, login_default as YdLogin, login_centered_default as YdLoginCentered, menu_default as YdMenu, modal_default as YdModal, pagination_default as YdPagination, pin_input_default as YdPinInput, popconfirm_default as YdPopconfirm, progress_default as YdProgress, radio_default as YdRadio, radio_group_default as YdRadioGroup, rate_default as YdRate, result_default as YdResult, router_exports as YdRouter, SchemaForm_default as YdSchemaForm, select_default as YdSelect, skeleton_default as YdSkeleton, slider_default as YdSlider, space_default as YdSpace, spin_default as YdSpin, statistic_default as YdStatistic, steps_default as YdSteps, switch_default as YdSwitch, table_default as YdTable, tabs_default as YdTabs, tag_default as YdTag, textarea_default as YdTextarea, time_picker_default as YdTimePicker, timeline_default as YdTimeline, tooltip_default as YdTooltip, transfer_default as YdTransfer, tree_default as YdTree, tree_select_default as YdTreeSelect, upload_default as YdUpload, Z_INDEX, buildBreadcrumb, changeLocale, checkRoutePermission, cn, convertToSimpleRoute, debounce, decrypt, deepClone, dt, dynamicRouter, encrypt, filterMenuItems, findMenuItem, findMenuPath, flattenMenuItems, generateId, generateRouteTitle, generateSessionKey, getBreadcrumbPaths, getCurrentLocale, getIcon, getIconRegistry, i18n, initSecureStorage, isArray, isDate, isEmpty, isEmptyObject, isFunction, isObject, isPathMatch, isPromise, joinPath, loadingBar, menuToRoutes, nf, normalizePath, registerIcon, registerLazyLocale, searchMenuItems, secureLocal, secureSession, secureStoragePlugin, setLocale, setupI18n, supportedLocales, t, tc, themes, throttle, useConfig, useFormSchema, useFormValidate, useLoading, useLoadingBar, useLoginForm, useNamespace };