@kine-design/crud 0.0.1-beta.24 → 0.0.1-beta.26

package/dist/crud.js

@@ -1,6 +1,6 @@
 import { Comment, Fragment, Teleport, cloneVNode, computed, createApp, createTextVNode, createVNode, defineComponent, h, inject, isRef, mergeProps, nextTick, onBeforeUnmount, onMounted, onUnmounted, provide, reactive, ref, resolveComponent, shallowRef, toRef, triggerRef, watch } from "vue";
-import { QueryClient, VueQueryPlugin, useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
 import { createPinia, defineStore } from "pinia";
+import { QueryClient, VueQueryPlugin, useMutation, useQuery, useQueryClient } from "@tanstack/vue-query";
 import { useRoute, useRouter } from "vue-router";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -88,979 +88,594 @@ var KLayout_default = /* @__PURE__ */ defineComponent({
 	}
 });
 //#endregion
-//#region components/layout/KSider.tsx
-/**
-* @description KSider 侧边栏组件，支持折叠动画和自定义 trigger
-* @author 阿怪
-* @date 2026/2/26
-* @version v0.0.1
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var KSider_default = /* @__PURE__ */ defineComponent({
-	name: "KSider",
-	setup(_, ctx) {
-		const collapsed = inject(LAYOUT_COLLAPSED_KEY);
-		const toggle = inject(LAYOUT_TOGGLE_KEY);
-		const drawerOpen = inject(LAYOUT_DRAWER_OPEN_KEY, ref(false));
-		const siderWidth = inject(LAYOUT_SIDER_WIDTH_KEY, "240px");
-		const collapsedWidth = inject(LAYOUT_COLLAPSED_WIDTH_KEY, "64px");
-		const currentWidth = computed(() => {
-			if (!collapsed) return siderWidth;
-			return collapsed.value ? collapsedWidth : siderWidth;
-		});
-		const isCollapsed = computed(() => collapsed?.value ?? false);
-		const handleTriggerClick = () => {
-			toggle?.();
-		};
-		const defaultTrigger = () => createVNode("button", {
-			"class": "k-crud-sider-trigger-btn",
-			"onClick": handleTriggerClick,
-			"title": isCollapsed.value ? "展开侧边栏" : "折叠侧边栏"
-		}, [createVNode("span", { "class": ["k-crud-sider-trigger-icon", isCollapsed.value && "k-crud-sider-trigger-icon--collapsed"] }, ["‹"])]);
-		return () => createVNode("aside", {
-			"class": [
-				"k-crud-sider",
-				isCollapsed.value && "k-crud-sider--collapsed",
-				drawerOpen.value && "k-crud-sider--drawer-open"
-			],
-			"style": { width: currentWidth.value }
-		}, [
-			ctx.slots.logo && createVNode("div", { "class": "k-crud-sider-logo" }, [ctx.slots.logo()]),
-			createVNode("div", { "class": "k-crud-sider-body" }, [ctx.slots.default?.()]),
-			createVNode("div", { "class": "k-crud-sider-trigger" }, [ctx.slots.trigger ? ctx.slots.trigger({
-				collapsed: isCollapsed.value,
-				toggle
-			}) : defaultTrigger()])
-		]);
+//#region ../core/components/base/input/api.ts
+var props$10 = {
+	type: {
+		type: String,
+		default: "text"
+	},
+	placeholder: {
+		type: String,
+		default: ""
+	},
+	modelValue: {
+		type: [String, Number],
+		default: ""
+	},
+	readonly: {
+		type: Boolean,
+		default: false
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	autofocus: {
+		type: Boolean,
+		default: false
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	maxlength: {
+		type: Number,
+		default: void 0
+	},
+	showWordLimit: {
+		type: Boolean,
+		default: false
 	}
-});
+};
 //#endregion
-//#region components/layout/KHeader.tsx
-/**
-* @description KHeader 顶部栏组件
-* @author 阿怪
-* @date 2026/2/26
-* @version v0.0.1
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var KHeader_default = /* @__PURE__ */ defineComponent({
-	name: "KHeader",
-	setup(_, ctx) {
-		const toggleDrawer = inject(LAYOUT_TOGGLE_DRAWER_KEY, () => {});
-		return () => createVNode("header", { "class": "k-crud-header" }, [
-			createVNode("button", {
-				"class": "k-crud-header-hamburger",
-				"onClick": toggleDrawer
-			}, [createVNode("span", { "class": "k-crud-header-hamburger-icon" }, null)]),
-			createVNode("div", { "class": "k-crud-header-main" }, [ctx.slots.default?.()]),
-			ctx.slots.extra && createVNode("div", { "class": "k-crud-header-extra" }, [ctx.slots.extra()])
-		]);
-	}
-});
+//#region ../core/components/base/input/useInput.ts
+function useInput(props, ctx) {
+	const isInput = props.type !== "textarea";
+	const inputType = isInput ? "input" : "textarea";
+	const inputClass = isInput ? "m-input-inner" : "m-textarea-inner";
+	const rowInfo = isInput ? {} : { rows: 10 };
+	const baseProps = {
+		autofocus: props.autofocus,
+		value: props.modelValue,
+		placeholder: props.placeholder,
+		disabled: props.disabled,
+		type: props.type,
+		readOnly: props.readonly,
+		maxLength: props.maxlength
+	};
+	const onInput = (e) => {
+		ctx.emit("update:modelValue", e.target.value);
+		ctx.emit("input", e.target.value);
+	};
+	const onFocus = (e) => {
+		ctx.emit("focus", e);
+	};
+	const onBlur = (e) => {
+		ctx.emit("blur", e);
+	};
+	const onClear = () => {
+		ctx.emit("update:modelValue", "");
+		ctx.emit("input", "");
+		ctx.emit("clear");
+	};
+	return {
+		baseProps,
+		inputType,
+		inputClass,
+		rowInfo,
+		onInput,
+		onFocus,
+		onBlur,
+		onClear
+	};
+}
 //#endregion
-//#region components/layout/KContent.tsx
+//#region ../core/components/base/input/index.ts
 /**
-* @description KContent 主内容区组件
+* @description
 * @author 阿怪
-* @date 2026/2/26
-* @version v0.0.1
+* @date 2024/11/29 10:24
+* @version v1.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-var KContent_default = /* @__PURE__ */ defineComponent({
-	name: "KContent",
-	setup(_, ctx) {
-		return () => createVNode("main", { "class": "k-crud-content" }, [ctx.slots.default?.()]);
-	}
-});
+var InputCore = {
+	props: props$10,
+	useInput
+};
 //#endregion
-//#region ../core/components/template/table/api.ts
-var props$10 = {
-	data: {
-		type: Array,
-		default: () => []
-	},
-	height: {
+//#region ../core/components/base/button/api.ts
+var props$9 = {
+	text: {
 		type: String,
-		default: null
+		default: ""
 	},
-	paramClass: {
+	link: {
+		type: Boolean,
+		default: false
+	},
+	disabled: {
 		type: Boolean,
 		default: false
 	},
 	loading: {
 		type: Boolean,
 		default: false
+	},
+	plain: {
+		type: Boolean,
+		default: false
+	},
+	type: {
+		type: String,
+		default: "default",
+		enum: [
+			"default",
+			"primary",
+			"success",
+			"warning",
+			"danger",
+			"info"
+		]
+	},
+	size: {
+		type: String,
+		default: void 0,
+		enum: [
+			"large",
+			"medium",
+			"small"
+		]
 	}
 };
 //#endregion
-//#region ../core/components/template/table/useTable.ts
+//#region ../core/components/base/button/useButton.ts
+function useButton(props, { slots }) {
+	const domType = props.link ? "a" : "button";
+	const slot = slots.default?.() ?? props.text;
+	const isDisabled = props.disabled || props.loading;
+	return {
+		domType,
+		slot,
+		domProps: {
+			class: [
+				"m-button",
+				{ "m-button-disabled": isDisabled },
+				{ "m-button-loading": props.loading },
+				{ "m-button-plain": props.plain },
+				`m-button-${props.type ?? "default"}`,
+				`m-button-${props.size ?? "medium"}`
+			],
+			disabled: isDisabled
+		},
+		isDisabled
+	};
+}
+//#endregion
+//#region ../core/components/base/button/index.ts
 /**
-* @description core table hook
+* @description
 * @author 阿怪
-* @date 2026/2/25
+* @date 2024/12/16 09:44
 * @version v1.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-function useTable() {
-	const error = (msg) => console.warn(`[水墨UI表格组件] ${msg}`);
-	const initTable = (renders, columns, data) => {
-		const tbodyTrList = [];
-		data.forEach(() => {
-			tbodyTrList.push([]);
-		});
-		/** 从 data[i] 中安全取值 */
-		const getData = (i, param) => {
-			if (data[i] == null) return "";
-			return data[i][param] ?? "";
-		};
-		/** 向每行的 td 列表中追加一列 */
-		const pushTd = (param, bodySlot, style) => {
-			if (!param && !bodySlot) {
-				error("param is undefined, column without param or slot will be ignored!");
-				return;
+var ButtonCore = {
+	props: props$9,
+	useButton
+};
+//#endregion
+//#region ../core/components/base/select/api.ts
+var props$8 = {
+	modelValue: {
+		type: void 0,
+		default: ""
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	inputParam: {
+		type: String,
+		default: void 0
+	},
+	optionParam: {
+		type: String,
+		default: void 0
+	},
+	valueParam: {
+		type: String,
+		default: void 0
+	},
+	readonly: {
+		type: Boolean,
+		default: true
+	},
+	disabled: {
+		type: Boolean,
+		default: false
+	},
+	placeholder: {
+		type: String,
+		default: void 0
+	},
+	toMatch: {
+		type: Function,
+		default: void 0
+	},
+	multiple: {
+		type: Boolean,
+		default: false
+	},
+	checkbox: {
+		type: Boolean,
+		default: true
+	},
+	filterable: {
+		type: Boolean,
+		default: false
+	},
+	filter: {
+		type: Function,
+		default: void 0
+	},
+	optionsH: {
+		type: [Number, String],
+		default: void 0
+	},
+	needFetch: {
+		type: Boolean,
+		default: false
+	},
+	fetch: {
+		type: Function,
+		default: void 0
+	},
+	clearable: {
+		type: Boolean,
+		default: false
+	},
+	size: {
+		type: String,
+		default: void 0
+	},
+	loading: {
+		type: Boolean,
+		default: false
+	}
+};
+//#endregion
+//#region ../core/components/base/select/useSelectTools.ts
+function useSelectTools(props) {
+	/** 从 option 中取指定 key 的值 */
+	const getInfoWithKey = (option, key) => {
+		const paramKey = props[key];
+		if (!paramKey) {
+			if (option && typeof option === "object") {
+				if ("label" in option) return option.label;
+				if ("name" in option) return option.name;
+				if ("text" in option) return option.text;
 			}
-			tbodyTrList.forEach((t, i) => {
-				t.push(renders.tbodyTr({
-					data: param ? getData(i, param) : "",
-					style,
-					param: param ?? "",
-					slot: bodySlot,
-					slotInfo: {
-						data: data[i],
-						index: i
-					}
-				}));
-			});
-		};
-		/** 将列宽 prop 转换为 style 对象 */
-		const getStyle = (options) => {
-			if (!options || !options.width) return {};
-			const numberWidth = Number(options.width);
-			if (!isNaN(numberWidth)) return { width: numberWidth + "px" };
-			return { width: options.width };
-		};
-		/**
-		* 初始化表头，同时将每列对应的 td 推入 tbodyTrList
-		*/
-		const initTHead = () => {
-			const ths = (columns ?? []).filter((column) => {
-				if (!column.props) {
-					error("column.props is undefined, column without param will be ignored!");
-					return false;
-				}
-				return true;
-			}).map((column) => {
-				const slots = renders.initSlot(column);
-				let bodySlot;
-				let headSlot;
-				const style = getStyle(column.props);
-				if (slots) {
-					bodySlot = slots.body;
-					headSlot = slots.head;
-				}
-				pushTd(column.props.param, bodySlot, style);
-				return renders.theadTh({
-					label: column.props.label,
-					param: column.props.param,
-					slot: headSlot,
-					style
-				});
-			});
-			return renders.thead(ths);
-		};
-		return {
-			thead: initTHead(),
-			tbody: tbodyTrList.length > 0 ? renders.tbody(tbodyTrList.map((tds, i) => renders.tbodyTrs(tds, i))) : renders.empty
-		};
+			return option;
+		}
+		try {
+			return option[paramKey];
+		} catch {
+			return option;
+		}
+	};
+	/** 输入框显示值 */
+	const getInputValue = (option) => {
+		return String(getInfoWithKey(option, "inputParam") ?? "");
+	};
+	/** 下拉列表显示值 */
+	const getOptionValue = (option) => {
+		return String(getInfoWithKey(option, "optionParam") ?? "");
+	};
+	/** modelValue 绑定值 */
+	const getModelValue = (option) => {
+		if (props.valueParam) return getInfoWithKey(option, "valueParam");
+		if (option && typeof option === "object" && "value" in option) return option.value;
+		return option;
 	};
 	return {
-		initTable,
-		error
+		getInfoWithKey,
+		getInputValue,
+		getOptionValue,
+		getModelValue
 	};
 }
 //#endregion
-//#region ../core/components/template/table/index.ts
+//#region ../core/components/base/select/useSelect.ts
 /**
-* @description table core 导出
+* @description select 核心 composable
 * @author 阿怪
-* @date 2026/2/25
-* @version v1.0.0
+* @date 2026/2/25 14:40
+* @version v1.0.1
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var TableCore = {
-	props: props$10,
-	useTable
-};
-//#endregion
-//#region ../core/compositions/common/testAnchor.ts
-/**
-* @description Test anchor system: provide/inject keys, types, and kDefineComponent wrapper
-* @author kine-design
-* @date 2026/4/28
-* @version v1.0.0
 *
-* Renders business-semantic `data-k` attributes on DOM elements when testAnchor is enabled,
-* allowing E2E tests to target components by stable identifiers.
-*/
-/** Global switch provided by KConfigProvider to enable data-k rendering */
-var K_TEST_ANCHOR_KEY = Symbol("k-test-anchor");
-/** Field identity provided by KFormItem so child inputs inherit field name */
-var K_FIELD_KEY = Symbol("k-field");
-/**
-* Extract text content from a VNode tree (for slotText mode).
-* Walks children recursively, concatenating string segments.
-*/
-function extractSlotText(nodes) {
-	if (!nodes) return "";
-	let text = "";
-	for (const node of nodes) if (typeof node.children === "string") text += node.children;
-	else if (Array.isArray(node.children)) text += extractSlotText(node.children);
-	return text.trim();
-}
-/**
-* Resolve the data-k value for a component instance.
-* Returns undefined when testAnchor is off or no identity can be derived.
-*/
-function resolveDataK(config, props, attrs, fieldFromParent, slotNodes) {
-	const override = attrs[`k-${config.type}`];
-	if (typeof override === "string" && override) return `${config.type}:${override}`;
-	if (config.prop) {
-		const val = props[config.prop];
-		if (typeof val === "string" && val) return `${config.type}:${val}`;
-	}
-	if (config.slotText && slotNodes) {
-		const text = extractSlotText(slotNodes);
-		if (text) return `${config.type}:${text}`;
-	}
-	if (config.slotText && typeof props.text === "string" && props.text) return `${config.type}:${props.text}`;
-	if (config.type === "field" && !config.prop && fieldFromParent) return `${config.type}:${fieldFromParent}`;
-}
-/**
-* Inject data-k attribute into a VNode.
-* Uses cloneVNode to avoid mutating the original.
+* 用 computed + ref 替代原 class 继承方案
+* 单选/多选通过 props.multiple 分支处理
+* fetch 通过 IntersectionObserver 观察最后一个选项实现
+* v1.0.1 新增 filterable 支持：开启后 inputReadonly 为 false，可输入过滤 阿怪 2026/2/27
 */
-function injectDataK(vnode, dataK) {
-	return cloneVNode(vnode, { "data-k": dataK });
-}
-/**
-* Wrapper around Vue's defineComponent that automatically injects `data-k`
-* test anchor attributes when testAnchor is enabled via KConfigProvider.
-*
-* Usage:
-* ```tsx
-* export default kDefineComponent((_props, ctx) => {
-*   return () => <div class="k-form-item">...</div>;
-* }, {
-*   name: 'KFormItem',
-*   props: FormCore.formItemProps,
-*   kAnchor: { type: 'field', prop: 'prop' },
-* });
-* ```
-*/
-function kDefineComponent(setup, options) {
-	const { kAnchor, ...defineOptions } = options;
-	return defineComponent((rawProps, ctx) => {
-		const render = setup(rawProps, ctx);
-		if (!kAnchor) return render;
-		const testAnchor = inject(K_TEST_ANCHOR_KEY, void 0);
-		const parentField = kAnchor.type === "field" && !kAnchor.prop ? inject(K_FIELD_KEY, void 0) : void 0;
-		return () => {
-			const vnode = render();
-			if (!testAnchor?.value) return vnode;
-			const props = rawProps;
-			const slotNodes = kAnchor.slotText ? ctx.slots.default?.() ?? void 0 : void 0;
-			const dataK = resolveDataK(kAnchor, props, ctx.attrs, parentField?.value, slotNodes);
-			if (!dataK) return vnode;
-			if (vnode === null || vnode === void 0) return vnode;
-			if (Array.isArray(vnode)) {
-				if (vnode.length === 0) return vnode;
-				const first = vnode[0];
-				if (first && typeof first === "object") return [injectDataK(first, dataK), ...vnode.slice(1)];
-				return vnode;
+function useSelect$1(props, ctx) {
+	const tools = useSelectTools(props);
+	const optionsRef = toRef(() => props.options ?? []);
+	const modelValueRef = toRef(() => props.modelValue);
+	const multipleRef = toRef(() => props.multiple ?? false);
+	/**
+	* 输入框是否只读：
+	* - filterable=true 时强制可编辑（忽略 readonly prop）
+	* - 否则沿用 props.readonly（默认 true）
+	*/
+	const inputReadonly = toRef(() => props.filterable ? false : props.readonly ?? true);
+	const inputValue = ref("");
+	const isOpen = ref(false);
+	const fetchLoading = ref(false);
+	/** 多选时记录选中的索引集合 */
+	const selectedIndices = ref(/* @__PURE__ */ new Set());
+	/** 判断某个 option 是否选中 */
+	const isSelected = (option, index) => {
+		if (multipleRef.value) return selectedIndices.value.has(index);
+		if (props.toMatch) return props.toMatch(option, modelValueRef.value);
+		return modelValueRef.value === tools.getModelValue(option);
+	};
+	/** 全量选项（带 isSelected 标记） */
+	const allOptions = computed(() => {
+		return optionsRef.value.map((o, i) => ({
+			value: o,
+			index: i,
+			isSelected: isSelected(o, i)
+		}));
+	});
+	/** 过滤后的显示选项 */
+	const displayOptions = computed(() => {
+		return allOptions.value.filter((o) => {
+			if (inputReadonly.value) return true;
+			if (!inputValue.value) return true;
+			if (props.filter) return props.filter(o.value, inputValue.value);
+			return tools.getOptionValue(o.value).toLowerCase().includes(inputValue.value.toLowerCase());
+		});
+	});
+	/** 多选已选标签 */
+	const selectedTags = computed(() => {
+		if (!multipleRef.value) return [];
+		return allOptions.value.filter((o) => o.isSelected);
+	});
+	const syncInputFromModelValue = () => {
+		if (multipleRef.value) {
+			inputValue.value = "";
+			return;
+		}
+		const mv = modelValueRef.value;
+		if (mv == null || mv === "") {
+			inputValue.value = "";
+			return;
+		}
+		const found = optionsRef.value.find((o) => {
+			if (props.toMatch) return props.toMatch(o, mv);
+			return tools.getModelValue(o) === mv;
+		});
+		inputValue.value = found ? tools.getInputValue(found) : "";
+	};
+	/** 初始化多选选中状态 */
+	const syncSelectedFromModelValue = () => {
+		if (!multipleRef.value) return;
+		const mv = modelValueRef.value;
+		const newSet = /* @__PURE__ */ new Set();
+		if (Array.isArray(mv)) optionsRef.value.forEach((o, i) => {
+			const val = tools.getModelValue(o);
+			if (mv.includes(val)) newSet.add(i);
+			if (props.toMatch && mv.some((v) => props.toMatch(o, v))) newSet.add(i);
+		});
+		selectedIndices.value = newSet;
+	};
+	syncSelectedFromModelValue();
+	syncInputFromModelValue();
+	/** 点击选项 */
+	const onSelect = (index) => {
+		const option = optionsRef.value[index];
+		if (!option) return;
+		if (option.disabled) return;
+		if (multipleRef.value) {
+			const newSet = new Set(selectedIndices.value);
+			if (newSet.has(index)) newSet.delete(index);
+			else newSet.add(index);
+			selectedIndices.value = newSet;
+			inputValue.value = "";
+			const newModelValue = optionsRef.value.filter((_, i) => newSet.has(i)).map((o) => tools.getModelValue(o));
+			ctx.emit("update:modelValue", newModelValue);
+			ctx.emit("select", option);
+		} else {
+			inputValue.value = tools.getInputValue(option);
+			ctx.emit("update:modelValue", tools.getModelValue(option));
+			ctx.emit("select", option);
+			isOpen.value = false;
+		}
+	};
+	/** 删除多选标签 */
+	const onDeleteTag = (index) => {
+		const newSet = new Set(selectedIndices.value);
+		newSet.delete(index);
+		selectedIndices.value = newSet;
+		const newModelValue = optionsRef.value.filter((_, i) => newSet.has(i)).map((o) => tools.getModelValue(o));
+		ctx.emit("update:modelValue", newModelValue);
+	};
+	/** 输入事件 */
+	const onInput = () => {
+		ctx.emit("input", inputValue.value);
+	};
+	/** 聚焦 */
+	const onFocus = (e) => {
+		if (inputReadonly.value) return;
+		ctx.emit("focus", e, inputValue.value);
+	};
+	/** 失焦 */
+	const onBlur = (e) => {
+		if (inputReadonly.value) return;
+		ctx.emit("blur", e, inputValue.value);
+		if (!multipleRef.value) {
+			const matched = displayOptions.value.find((o) => o.isSelected);
+			if (matched && inputValue.value === tools.getInputValue(matched.value)) return;
+			if (!inputValue.value) ctx.emit("update:modelValue", void 0);
+		}
+	};
+	const lastOptionRef = ref(null);
+	const optionsContainerRef = ref(null);
+	let fetchObserver;
+	const cleanupFetchObserver = () => {
+		if (fetchObserver) {
+			fetchObserver.disconnect();
+			fetchObserver = void 0;
+		}
+	};
+	/** 更新 fetch observer：观察最后一个选项元素 */
+	const updateFetchObserver = () => {
+		cleanupFetchObserver();
+		if (!props.needFetch || !lastOptionRef.value || !optionsContainerRef.value) return;
+		fetchObserver = new IntersectionObserver(async (entries) => {
+			if (entries[0]?.isIntersecting && props.needFetch) {
+				fetchLoading.value = true;
+				await props.fetch?.();
+				fetchLoading.value = false;
 			}
-			return injectDataK(vnode, dataK);
-		};
-	}, defineOptions);
+		}, {
+			root: optionsContainerRef.value,
+			threshold: 1
+		});
+		fetchObserver.observe(lastOptionRef.value);
+	};
+	watch(modelValueRef, () => {
+		syncSelectedFromModelValue();
+		syncInputFromModelValue();
+	});
+	watch(optionsRef, () => {
+		syncSelectedFromModelValue();
+		syncInputFromModelValue();
+	}, { deep: true });
+	watch(lastOptionRef, () => {
+		updateFetchObserver();
+	});
+	onBeforeUnmount(cleanupFetchObserver);
+	return {
+		inputValue,
+		isOpen,
+		fetchLoading,
+		inputReadonly,
+		displayOptions,
+		selectedTags,
+		lastOptionRef,
+		optionsContainerRef,
+		onSelect,
+		onDeleteTag,
+		onInput,
+		onFocus,
+		onBlur,
+		tools,
+		updateFetchObserver
+	};
 }
 //#endregion
-//#region ../ui/components/table/KTable.tsx
+//#region ../core/components/base/select/index.ts
 /**
-* @description kine-ui table 组件
+* @description select core 导出
 * @author 阿怪
-* @date 2026/2/26
-* @version v1.1.0
+* @date 2026/2/25 14:50
+* @version v2.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var SelectCore = {
+	props: props$8,
+	useSelect: useSelect$1
+};
+//#endregion
+//#region ../core/components/base/tag/index.ts
+/**
+* @description tag core
+* @author 阿怪
+* @date 2025/02/25 00:00
+* @version v1.0.0
 *
-* v1.1.0 migrate to kDefineComponent for data-k test anchor 2026/4/28
+* 江湖的业务千篇一律，复杂的代码好几百行。
 */
-var { props: props$9 } = TableCore;
-var KTable_default = kDefineComponent((_props, { slots }) => {
-	const p = _props;
-	const { initTable } = useTable();
-	const testAnchor = inject(K_TEST_ANCHOR_KEY, void 0);
-	return () => {
-		const columns = [];
-		(slots.default?.() ?? []).forEach((s) => {
-			if (s.type === Fragment) {
-				s.children?.forEach((c) => columns.push(c));
-				return;
-			}
-			if (s.type === Comment) return;
-			if (typeof s.type === "object" && s.type.name === "KTableColumn") columns.push(s);
-		});
-		const style = p.height ? { height: p.height } : void 0;
-		const { thead, tbody } = initTable({
-			empty: createVNode("tbody", { "class": "m-table-empty k-table-empty" }, [createVNode("tr", null, [createVNode("th", { "colspan": columns.length }, [slots.empty?.() ?? "暂无数据"])])]),
-			tbodyTr: ({ data, param, slot, style: cellStyle, slotInfo }) => createVNode("td", {
-				"style": cellStyle,
-				"data-k": testAnchor?.value && param ? `col:${param}` : void 0,
-				"class": [
-					"m-td",
-					"k-td",
-					p.paramClass ? `m-td-${param}` : null,
-					p.paramClass ? `k-td-${param}` : null
-				]
-			}, [slot ? slot({
-				data: slotInfo?.data,
-				row: slotInfo?.data,
-				index: slotInfo?.index
-			}) : data]),
-			theadTh: ({ label, param, slot, style: cellStyle }) => createVNode("th", {
-				"class": [
-					"m-th",
-					"k-th",
-					p.paramClass ? `m-th-${param}` : null,
-					p.paramClass ? `k-th-${param}` : null
-				],
-				"style": cellStyle
-			}, [slot ? slot() : label]),
-			thead: (ths) => createVNode("thead", { "class": "m-thead k-thead" }, [createVNode("tr", { "class": "m-tr k-tr" }, [ths])]),
-			tbody: (trs) => createVNode("tbody", { "class": "m-tbody k-tbody" }, [trs]),
-			tbodyTrs: (tds, i) => createVNode("tr", {
-				"class": "m-tr k-tr",
-				"key": i
-			}, [...tds]),
-			initSlot: (tableColumn) => {
-				const children = tableColumn.children;
-				if (!children || Array.isArray(children) || typeof children !== "object") return;
-				return {
-					body: children.default,
-					head: children.head
-				};
-			}
-		}, columns, p.data);
-		return createVNode("div", {
-			"class": [
-				"m-table",
-				"k-table",
-				p.loading && "k-table-loading-wrap"
-			],
-			"style": style
-		}, [p.loading && createVNode("div", { "class": "k-table-loading-overlay" }, [createVNode("div", { "class": "k-table-loading-spinner" }, null)]), createVNode("table", { "class": "m-table-inner k-table-inner" }, [thead, tbody])]);
-	};
-}, {
-	name: "KTable",
-	props: props$9,
-	kAnchor: {
-		type: "table",
-		prop: "name"
-	}
-});
-//#endregion
-//#region ../core/components/base/input/api.ts
-var props$8 = {
+var TagCore = { props: {
 	type: {
 		type: String,
-		default: "text"
-	},
-	placeholder: {
-		type: String,
-		default: ""
-	},
-	modelValue: {
-		type: [String, Number],
-		default: ""
-	},
-	readonly: {
-		type: Boolean,
-		default: false
-	},
-	disabled: {
-		type: Boolean,
-		default: false
-	},
-	autofocus: {
-		type: Boolean,
-		default: false
-	},
-	clearable: {
-		type: Boolean,
-		default: false
+		default: "default"
 	},
 	size: {
 		type: String,
 		default: void 0
 	},
-	maxlength: {
-		type: Number,
-		default: void 0
-	},
-	showWordLimit: {
-		type: Boolean,
-		default: false
-	}
-};
-//#endregion
-//#region ../core/components/base/input/useInput.ts
-function useInput(props, ctx) {
-	const isInput = props.type !== "textarea";
-	const inputType = isInput ? "input" : "textarea";
-	const inputClass = isInput ? "m-input-inner" : "m-textarea-inner";
-	const rowInfo = isInput ? {} : { rows: 10 };
-	const baseProps = {
-		autofocus: props.autofocus,
-		value: props.modelValue,
-		placeholder: props.placeholder,
-		disabled: props.disabled,
-		type: props.type,
-		readOnly: props.readonly,
-		maxLength: props.maxlength
-	};
-	const onInput = (e) => {
-		ctx.emit("update:modelValue", e.target.value);
-		ctx.emit("input", e.target.value);
-	};
-	const onFocus = (e) => {
-		ctx.emit("focus", e);
-	};
-	const onBlur = (e) => {
-		ctx.emit("blur", e);
-	};
-	const onClear = () => {
-		ctx.emit("update:modelValue", "");
-		ctx.emit("input", "");
-		ctx.emit("clear");
-	};
-	return {
-		baseProps,
-		inputType,
-		inputClass,
-		rowInfo,
-		onInput,
-		onFocus,
-		onBlur,
-		onClear
-	};
-}
-//#endregion
-//#region ../core/components/base/input/index.ts
-/**
-* @description
-* @author 阿怪
-* @date 2024/11/29 10:24
-* @version v1.0.0
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var InputCore = {
-	props: props$8,
-	useInput
-};
-//#endregion
-//#region ../core/components/base/button/api.ts
-var props$7 = {
-	text: {
-		type: String,
-		default: ""
-	},
-	link: {
+	closable: {
 		type: Boolean,
 		default: false
 	},
 	disabled: {
 		type: Boolean,
 		default: false
-	},
-	loading: {
-		type: Boolean,
-		default: false
-	},
-	plain: {
-		type: Boolean,
-		default: false
-	},
-	type: {
-		type: String,
-		default: "default",
-		enum: [
-			"default",
-			"primary",
-			"success",
-			"warning",
-			"danger",
-			"info"
-		]
-	},
-	size: {
-		type: String,
-		default: void 0,
-		enum: [
-			"large",
-			"medium",
-			"small"
-		]
 	}
-};
-//#endregion
-//#region ../core/components/base/button/useButton.ts
-function useButton(props, { slots }) {
-	const domType = props.link ? "a" : "button";
-	const slot = slots.default?.() ?? props.text;
-	const isDisabled = props.disabled || props.loading;
-	return {
-		domType,
-		slot,
-		domProps: {
-			class: [
-				"m-button",
-				{ "m-button-disabled": isDisabled },
-				{ "m-button-loading": props.loading },
-				{ "m-button-plain": props.plain },
-				`m-button-${props.type ?? "default"}`,
-				`m-button-${props.size ?? "medium"}`
-			],
-			disabled: isDisabled
-		},
-		isDisabled
-	};
-}
-//#endregion
-//#region ../core/components/base/button/index.ts
-/**
-* @description
-* @author 阿怪
-* @date 2024/12/16 09:44
-* @version v1.0.0
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var ButtonCore = {
-	props: props$7,
-	useButton
-};
-//#endregion
-//#region ../core/components/base/select/api.ts
-var props$6 = {
-	modelValue: {
-		type: void 0,
-		default: ""
-	},
-	options: {
-		type: Array,
-		default: () => []
-	},
-	inputParam: {
-		type: String,
-		default: void 0
-	},
-	optionParam: {
-		type: String,
-		default: void 0
-	},
-	valueParam: {
-		type: String,
-		default: void 0
-	},
-	readonly: {
-		type: Boolean,
-		default: true
-	},
-	disabled: {
-		type: Boolean,
-		default: false
-	},
-	placeholder: {
-		type: String,
-		default: "请选择..."
-	},
-	toMatch: {
-		type: Function,
-		default: void 0
-	},
-	multiple: {
-		type: Boolean,
-		default: false
-	},
-	checkbox: {
-		type: Boolean,
-		default: true
-	},
-	filterable: {
-		type: Boolean,
-		default: false
-	},
-	filter: {
-		type: Function,
-		default: void 0
-	},
-	optionsH: {
-		type: [Number, String],
-		default: void 0
-	},
-	needFetch: {
-		type: Boolean,
-		default: false
-	},
-	fetch: {
-		type: Function,
-		default: void 0
-	},
-	clearable: {
-		type: Boolean,
-		default: false
-	},
-	size: {
-		type: String,
-		default: void 0
-	},
-	loading: {
-		type: Boolean,
-		default: false
-	}
-};
-//#endregion
-//#region ../core/components/base/select/useSelectTools.ts
-function useSelectTools(props) {
-	/** 从 option 中取指定 key 的值 */
-	const getInfoWithKey = (option, key) => {
-		const paramKey = props[key];
-		if (!paramKey) {
-			if (option && typeof option === "object") {
-				if ("label" in option) return option.label;
-				if ("name" in option) return option.name;
-				if ("text" in option) return option.text;
+} };
+(/* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	(function(t, e) {
+		"object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).interact = e();
+	})(exports, (function() {
+		"use strict";
+		function t(t, e) {
+			var n = Object.keys(t);
+			if (Object.getOwnPropertySymbols) {
+				var r = Object.getOwnPropertySymbols(t);
+				e && (r = r.filter((function(e) {
+					return Object.getOwnPropertyDescriptor(t, e).enumerable;
+				}))), n.push.apply(n, r);
 			}
-			return option;
+			return n;
 		}
-		try {
-			return option[paramKey];
-		} catch {
-			return option;
+		function e(e) {
+			for (var n = 1; n < arguments.length; n++) {
+				var r = null != arguments[n] ? arguments[n] : {};
+				n % 2 ? t(Object(r), !0).forEach((function(t) {
+					a(e, t, r[t]);
+				})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : t(Object(r)).forEach((function(t) {
+					Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+				}));
+			}
+			return e;
 		}
-	};
-	/** 输入框显示值 */
-	const getInputValue = (option) => {
-		return String(getInfoWithKey(option, "inputParam") ?? "");
-	};
-	/** 下拉列表显示值 */
-	const getOptionValue = (option) => {
-		return String(getInfoWithKey(option, "optionParam") ?? "");
-	};
-	/** modelValue 绑定值 */
-	const getModelValue = (option) => {
-		if (props.valueParam) return getInfoWithKey(option, "valueParam");
-		if (option && typeof option === "object" && "value" in option) return option.value;
-		return option;
-	};
-	return {
-		getInfoWithKey,
-		getInputValue,
-		getOptionValue,
-		getModelValue
-	};
-}
-//#endregion
-//#region ../core/components/base/select/useSelect.ts
-/**
-* @description select 核心 composable
-* @author 阿怪
-* @date 2026/2/25 14:40
-* @version v1.0.1
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*
-* 用 computed + ref 替代原 class 继承方案
-* 单选/多选通过 props.multiple 分支处理
-* fetch 通过 IntersectionObserver 观察最后一个选项实现
-* v1.0.1 新增 filterable 支持：开启后 inputReadonly 为 false，可输入过滤 阿怪 2026/2/27
-*/
-function useSelect$1(props, ctx) {
-	const tools = useSelectTools(props);
-	const optionsRef = toRef(() => props.options ?? []);
-	const modelValueRef = toRef(() => props.modelValue);
-	const multipleRef = toRef(() => props.multiple ?? false);
-	/**
-	* 输入框是否只读：
-	* - filterable=true 时强制可编辑（忽略 readonly prop）
-	* - 否则沿用 props.readonly（默认 true）
-	*/
-	const inputReadonly = toRef(() => props.filterable ? false : props.readonly ?? true);
-	const inputValue = ref("");
-	const isOpen = ref(false);
-	const fetchLoading = ref(false);
-	/** 多选时记录选中的索引集合 */
-	const selectedIndices = ref(/* @__PURE__ */ new Set());
-	/** 判断某个 option 是否选中 */
-	const isSelected = (option, index) => {
-		if (multipleRef.value) return selectedIndices.value.has(index);
-		if (props.toMatch) return props.toMatch(option, modelValueRef.value);
-		return modelValueRef.value === tools.getModelValue(option);
-	};
-	/** 全量选项（带 isSelected 标记） */
-	const allOptions = computed(() => {
-		return optionsRef.value.map((o, i) => ({
-			value: o,
-			index: i,
-			isSelected: isSelected(o, i)
-		}));
-	});
-	/** 过滤后的显示选项 */
-	const displayOptions = computed(() => {
-		return allOptions.value.filter((o) => {
-			if (inputReadonly.value) return true;
-			if (!inputValue.value) return true;
-			if (props.filter) return props.filter(o.value, inputValue.value);
-			return tools.getOptionValue(o.value).toLowerCase().includes(inputValue.value.toLowerCase());
-		});
-	});
-	/** 多选已选标签 */
-	const selectedTags = computed(() => {
-		if (!multipleRef.value) return [];
-		return allOptions.value.filter((o) => o.isSelected);
-	});
-	const syncInputFromModelValue = () => {
-		if (multipleRef.value) {
-			inputValue.value = "";
-			return;
+		function n(t) {
+			return n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
+				return typeof t;
+			} : function(t) {
+				return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+			}, n(t);
 		}
-		const mv = modelValueRef.value;
-		if (mv == null || mv === "") {
-			inputValue.value = "";
-			return;
+		function r(t, e) {
+			if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
 		}
-		const found = optionsRef.value.find((o) => {
-			if (props.toMatch) return props.toMatch(o, mv);
-			return tools.getModelValue(o) === mv;
-		});
-		inputValue.value = found ? tools.getInputValue(found) : "";
-	};
-	/** 初始化多选选中状态 */
-	const syncSelectedFromModelValue = () => {
-		if (!multipleRef.value) return;
-		const mv = modelValueRef.value;
-		const newSet = /* @__PURE__ */ new Set();
-		if (Array.isArray(mv)) optionsRef.value.forEach((o, i) => {
-			const val = tools.getModelValue(o);
-			if (mv.includes(val)) newSet.add(i);
-			if (props.toMatch && mv.some((v) => props.toMatch(o, v))) newSet.add(i);
-		});
-		selectedIndices.value = newSet;
-	};
-	syncSelectedFromModelValue();
-	syncInputFromModelValue();
-	/** 点击选项 */
-	const onSelect = (index) => {
-		const option = optionsRef.value[index];
-		if (!option) return;
-		if (option.disabled) return;
-		if (multipleRef.value) {
-			const newSet = new Set(selectedIndices.value);
-			if (newSet.has(index)) newSet.delete(index);
-			else newSet.add(index);
-			selectedIndices.value = newSet;
-			inputValue.value = "";
-			const newModelValue = optionsRef.value.filter((_, i) => newSet.has(i)).map((o) => tools.getModelValue(o));
-			ctx.emit("update:modelValue", newModelValue);
-			ctx.emit("select", option);
-		} else {
-			inputValue.value = tools.getInputValue(option);
-			ctx.emit("update:modelValue", tools.getModelValue(option));
-			ctx.emit("select", option);
-			isOpen.value = false;
+		function i(t, e) {
+			for (var n = 0; n < e.length; n++) {
+				var r = e[n];
+				r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, d(r.key), r);
+			}
 		}
-	};
-	/** 删除多选标签 */
-	const onDeleteTag = (index) => {
-		const newSet = new Set(selectedIndices.value);
-		newSet.delete(index);
-		selectedIndices.value = newSet;
-		const newModelValue = optionsRef.value.filter((_, i) => newSet.has(i)).map((o) => tools.getModelValue(o));
-		ctx.emit("update:modelValue", newModelValue);
-	};
-	/** 输入事件 */
-	const onInput = () => {
-		ctx.emit("input", inputValue.value);
-	};
-	/** 聚焦 */
-	const onFocus = (e) => {
-		if (inputReadonly.value) return;
-		ctx.emit("focus", e, inputValue.value);
-	};
-	/** 失焦 */
-	const onBlur = (e) => {
-		if (inputReadonly.value) return;
-		ctx.emit("blur", e, inputValue.value);
-		if (!multipleRef.value) {
-			const matched = displayOptions.value.find((o) => o.isSelected);
-			if (matched && inputValue.value === tools.getInputValue(matched.value)) return;
-			if (!inputValue.value) ctx.emit("update:modelValue", void 0);
+		function o(t, e, n) {
+			return e && i(t.prototype, e), n && i(t, n), Object.defineProperty(t, "prototype", { writable: !1 }), t;
 		}
-	};
-	const lastOptionRef = ref(null);
-	const optionsContainerRef = ref(null);
-	let fetchObserver;
-	const cleanupFetchObserver = () => {
-		if (fetchObserver) {
-			fetchObserver.disconnect();
-			fetchObserver = void 0;
-		}
-	};
-	/** 更新 fetch observer：观察最后一个选项元素 */
-	const updateFetchObserver = () => {
-		cleanupFetchObserver();
-		if (!props.needFetch || !lastOptionRef.value || !optionsContainerRef.value) return;
-		fetchObserver = new IntersectionObserver(async (entries) => {
-			if (entries[0]?.isIntersecting && props.needFetch) {
-				fetchLoading.value = true;
-				await props.fetch?.();
-				fetchLoading.value = false;
-			}
-		}, {
-			root: optionsContainerRef.value,
-			threshold: 1
-		});
-		fetchObserver.observe(lastOptionRef.value);
-	};
-	watch(modelValueRef, () => {
-		syncSelectedFromModelValue();
-		syncInputFromModelValue();
-	});
-	watch(optionsRef, () => {
-		syncSelectedFromModelValue();
-		syncInputFromModelValue();
-	}, { deep: true });
-	watch(lastOptionRef, () => {
-		updateFetchObserver();
-	});
-	onBeforeUnmount(cleanupFetchObserver);
-	return {
-		inputValue,
-		isOpen,
-		fetchLoading,
-		inputReadonly,
-		displayOptions,
-		selectedTags,
-		lastOptionRef,
-		optionsContainerRef,
-		onSelect,
-		onDeleteTag,
-		onInput,
-		onFocus,
-		onBlur,
-		tools,
-		updateFetchObserver
-	};
-}
-//#endregion
-//#region ../core/components/base/select/index.ts
-/**
-* @description select core 导出
-* @author 阿怪
-* @date 2026/2/25 14:50
-* @version v2.0.0
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var SelectCore = {
-	props: props$6,
-	useSelect: useSelect$1
-};
-//#endregion
-//#region ../core/components/base/tag/index.ts
-/**
-* @description tag core
-* @author 阿怪
-* @date 2025/02/25 00:00
-* @version v1.0.0
-*
-* 江湖的业务千篇一律，复杂的代码好几百行。
-*/
-var TagCore = { props: {
-	type: {
-		type: String,
-		default: "default"
-	},
-	size: {
-		type: String,
-		default: void 0
-	},
-	closable: {
-		type: Boolean,
-		default: false
-	},
-	disabled: {
-		type: Boolean,
-		default: false
-	}
-} };
-(/* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
-	(function(t, e) {
-		"object" == typeof exports && "undefined" != typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : (t = "undefined" != typeof globalThis ? globalThis : t || self).interact = e();
-	})(exports, (function() {
-		"use strict";
-		function t(t, e) {
-			var n = Object.keys(t);
-			if (Object.getOwnPropertySymbols) {
-				var r = Object.getOwnPropertySymbols(t);
-				e && (r = r.filter((function(e) {
-					return Object.getOwnPropertyDescriptor(t, e).enumerable;
-				}))), n.push.apply(n, r);
-			}
-			return n;
-		}
-		function e(e) {
-			for (var n = 1; n < arguments.length; n++) {
-				var r = null != arguments[n] ? arguments[n] : {};
-				n % 2 ? t(Object(r), !0).forEach((function(t) {
-					a(e, t, r[t]);
-				})) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : t(Object(r)).forEach((function(t) {
-					Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
-				}));
-			}
-			return e;
-		}
-		function n(t) {
-			return n = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t) {
-				return typeof t;
-			} : function(t) {
-				return t && "function" == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-			}, n(t);
-		}
-		function r(t, e) {
-			if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function");
-		}
-		function i(t, e) {
-			for (var n = 0; n < e.length; n++) {
-				var r = e[n];
-				r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, d(r.key), r);
-			}
-		}
-		function o(t, e, n) {
-			return e && i(t.prototype, e), n && i(t, n), Object.defineProperty(t, "prototype", { writable: !1 }), t;
-		}
-		function a(t, e, n) {
-			return (e = d(e)) in t ? Object.defineProperty(t, e, {
-				value: n,
-				enumerable: !0,
-				configurable: !0,
-				writable: !0
-			}) : t[e] = n, t;
+		function a(t, e, n) {
+			return (e = d(e)) in t ? Object.defineProperty(t, e, {
+				value: n,
+				enumerable: !0,
+				configurable: !0,
+				writable: !0
+			}) : t[e] = n, t;
 		}
 		function s(t, e) {
 			if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
@@ -6328,7 +5943,7 @@ var computePosition = (reference, floating, options) => {
 };
 //#endregion
 //#region ../core/components/template/pagination/api.ts
-var props$4 = {
+var props$6 = {
 	total: {
 		type: Number,
 		default: 0
@@ -6487,7 +6102,7 @@ function usePagination(props, currentValue) {
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
 var PaginationCore = {
-	props: props$4,
+	props: props$6,
 	usePagination
 };
 //#endregion
@@ -6906,177 +6521,1085 @@ function useMenu(props, emit) {
 	}));
 })))();
 //#endregion
-//#region ../core/components/template/tableColumn/index.ts
+//#region ../core/components/template/table/api.ts
+var props$5 = {
+	data: {
+		type: Array,
+		default: () => []
+	},
+	height: {
+		type: String,
+		default: null
+	},
+	paramClass: {
+		type: Boolean,
+		default: false
+	},
+	loading: {
+		type: Boolean,
+		default: false
+	}
+};
+//#endregion
+//#region ../core/components/template/table/useTable.ts
+/**
+* @description core table hook
+* @author 阿怪
+* @date 2026/2/25
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+function useTable() {
+	const error = (msg) => console.warn(`[水墨UI表格组件] ${msg}`);
+	const initTable = (renders, columns, data) => {
+		const tbodyTrList = [];
+		data.forEach(() => {
+			tbodyTrList.push([]);
+		});
+		/** 从 data[i] 中安全取值 */
+		const getData = (i, param) => {
+			if (data[i] == null) return "";
+			return data[i][param] ?? "";
+		};
+		/** 向每行的 td 列表中追加一列 */
+		const pushTd = (param, bodySlot, style) => {
+			if (!param && !bodySlot) {
+				error("param is undefined, column without param or slot will be ignored!");
+				return;
+			}
+			tbodyTrList.forEach((t, i) => {
+				t.push(renders.tbodyTr({
+					data: param ? getData(i, param) : "",
+					style,
+					param: param ?? "",
+					slot: bodySlot,
+					slotInfo: {
+						data: data[i],
+						index: i
+					}
+				}));
+			});
+		};
+		/** 将列宽 prop 转换为 style 对象 */
+		const getStyle = (options) => {
+			if (!options || !options.width) return {};
+			const numberWidth = Number(options.width);
+			if (!isNaN(numberWidth)) return { width: numberWidth + "px" };
+			return { width: options.width };
+		};
+		/**
+		* 初始化表头，同时将每列对应的 td 推入 tbodyTrList
+		*/
+		const initTHead = () => {
+			const ths = (columns ?? []).filter((column) => {
+				if (!column.props) {
+					error("column.props is undefined, column without param will be ignored!");
+					return false;
+				}
+				return true;
+			}).map((column) => {
+				const slots = renders.initSlot(column);
+				let bodySlot;
+				let headSlot;
+				const style = getStyle(column.props);
+				if (slots) {
+					bodySlot = slots.body;
+					headSlot = slots.head;
+				}
+				pushTd(column.props.param, bodySlot, style);
+				return renders.theadTh({
+					label: column.props.label,
+					param: column.props.param,
+					slot: headSlot,
+					style
+				});
+			});
+			return renders.thead(ths);
+		};
+		return {
+			thead: initTHead(),
+			tbody: tbodyTrList.length > 0 ? renders.tbody(tbodyTrList.map((tds, i) => renders.tbodyTrs(tds, i))) : renders.empty
+		};
+	};
+	return {
+		initTable,
+		error
+	};
+}
+//#endregion
+//#region ../core/components/template/table/index.ts
+/**
+* @description table core 导出
+* @author 阿怪
+* @date 2026/2/25
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var TableCore = {
+	props: props$5,
+	useTable
+};
+//#endregion
+//#region ../core/components/template/tableColumn/index.ts
+/**
+* @description tableColumn core 导출
+* @author 阿怪
+* @date 2026/2/25
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var TableColumnCore = { props: {
+	width: {
+		type: String,
+		default: ""
+	},
+	param: {
+		type: String,
+		default: ""
+	},
+	label: {
+		type: String,
+		default: ""
+	}
+} };
+//#endregion
+//#region ../core/components/base/image/api.ts
+var props$3 = {
+	src: {
+		type: String,
+		required: true
+	},
+	alt: {
+		type: String,
+		default: ""
+	},
+	fit: {
+		type: String,
+		default: "cover",
+		enum: [
+			"contain",
+			"cover",
+			"fill",
+			"none",
+			"scale-down"
+		]
+	},
+	width: {
+		type: [String, Number],
+		default: void 0
+	},
+	height: {
+		type: [String, Number],
+		default: void 0
+	},
+	lazy: {
+		type: Boolean,
+		default: false
+	},
+	previewSrcList: {
+		type: Array,
+		default: () => []
+	},
+	zIndex: {
+		type: Number,
+		default: 2e3
+	}
+};
+//#endregion
+//#region ../core/components/base/image/useImage.ts
+/**
+* @description image hook
+* @author 阿怪
+* @date 2026/2/26
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+function useImage(props, emit) {
+	const status = ref("loading");
+	const previewVisible = ref(false);
+	const previewIndex = ref(0);
+	const previewScale = ref(1);
+	const previewRotate = ref(0);
+	/** 重置加载状态（src 变化时调用） */
+	const reset = () => {
+		status.value = "loading";
+	};
+	const handleLoad = (e) => {
+		status.value = "loaded";
+		emit("load", e);
+	};
+	const handleError = (e) => {
+		status.value = "error";
+		emit("error", e);
+	};
+	/** 打开全屏预览，定位到 src 在 previewSrcList 中的位置 */
+	const openPreview = () => {
+		if (!props.previewSrcList || props.previewSrcList.length === 0) return;
+		const idx = props.previewSrcList.indexOf(props.src);
+		previewIndex.value = idx >= 0 ? idx : 0;
+		previewScale.value = 1;
+		previewRotate.value = 0;
+		previewVisible.value = true;
+	};
+	const closePreview = () => {
+		previewVisible.value = false;
+	};
+	/** 预览切换到上一张 */
+	const previewPrev = () => {
+		const total = props.previewSrcList.length;
+		if (total === 0) return;
+		previewIndex.value = (previewIndex.value - 1 + total) % total;
+		previewScale.value = 1;
+		previewRotate.value = 0;
+		emit("switch", previewIndex.value);
+	};
+	/** 预览切换到下一张 */
+	const previewNext = () => {
+		const total = props.previewSrcList.length;
+		if (total === 0) return;
+		previewIndex.value = (previewIndex.value + 1) % total;
+		previewScale.value = 1;
+		previewRotate.value = 0;
+		emit("switch", previewIndex.value);
+	};
+	/** 预览放大 */
+	const zoomIn = () => {
+		previewScale.value = Math.min(previewScale.value + .25, 5);
+	};
+	/** 预览缩小 */
+	const zoomOut = () => {
+		previewScale.value = Math.max(previewScale.value - .25, .25);
+	};
+	/** 顺时针旋转 90° */
+	const rotate = () => {
+		previewRotate.value = (previewRotate.value + 90) % 360;
+	};
+	watch(() => props.src, reset);
+	onMounted(() => {
+		if (props.lazy) status.value = "loading";
+	});
+	return {
+		status,
+		previewVisible,
+		previewIndex,
+		previewScale,
+		previewRotate,
+		handleLoad,
+		handleError,
+		openPreview,
+		closePreview,
+		previewPrev,
+		previewNext,
+		zoomIn,
+		zoomOut,
+		rotate
+	};
+}
+//#endregion
+//#region ../core/components/base/image/index.ts
+/**
+* @description image core 导出
+* @author 阿怪
+* @date 2026/2/26
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var ImageCore = {
+	props: props$3,
+	useImage
+};
+//#endregion
+//#region ../core/compositions/overlay/useOverlayStack.ts
 /**
-* @description tableColumn core 导출
-* @author 阿怪
-* @date 2026/2/25
+* @description overlay stack manager — unified z-index and ESC handling for all popups
+* @author kine-design
+* @date 2026/5/22 00:00
 * @version v1.0.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-var TableColumnCore = { props: {
-	width: {
-		type: String,
-		default: ""
-	},
-	param: {
-		type: String,
-		default: ""
+var Z_INDEX_BASE = 100;
+defineStore("overlayStack", () => {
+	const overlayStack = ref([]);
+	const isEmpty = computed(() => overlayStack.value.length === 0);
+	const topItem = computed(() => overlayStack.value.length > 0 ? overlayStack.value[overlayStack.value.length - 1] : void 0);
+	const push = (item) => {
+		const zIndex = overlayStack.value.length + Z_INDEX_BASE;
+		const entry = {
+			...item,
+			zIndex
+		};
+		overlayStack.value.push(entry);
+		return entry;
+	};
+	const pop = () => {
+		const item = overlayStack.value.pop();
+		if (item) item.close();
+		return item;
+	};
+	const remove = (id) => {
+		const index = overlayStack.value.findIndex((item) => item.id === id);
+		if (index !== -1) {
+			overlayStack.value.splice(index, 1);
+			recalculateZIndices();
+		}
+	};
+	const recalculateZIndices = () => {
+		overlayStack.value.forEach((item, index) => {
+			item.zIndex = index + Z_INDEX_BASE;
+		});
+	};
+	const handleEsc = (e) => {
+		if (e.key === "Escape" && !isEmpty.value) pop();
+	};
+	let listenerAttached = false;
+	const attachEscListener = () => {
+		if (!listenerAttached) {
+			document.addEventListener("keydown", handleEsc);
+			listenerAttached = true;
+		}
+	};
+	const detachEscListener = () => {
+		if (listenerAttached) {
+			document.removeEventListener("keydown", handleEsc);
+			listenerAttached = false;
+		}
+	};
+	return {
+		overlayStack,
+		isEmpty,
+		topItem,
+		push,
+		pop,
+		remove,
+		attachEscListener,
+		detachEscListener
+	};
+});
+//#endregion
+//#region ../core/locale/index.ts
+/**
+* @description kine-design locale entry — built-in language packs + types.
+*
+*   The library ships only the two general languages (zh / en). To use another
+*   language, build a full dictionary that satisfies `KineLocaleMessages` in the
+*   consuming app and pass it straight to the provider:
+*
+*     import type { KineLocaleMessages } from '@kine-design/core';
+*     const bn: KineLocaleMessages = { ...full Bengali dictionary... };
+*     // <KConfigProvider :locale="bn"> ... </KConfigProvider>
+*
+*   TypeScript enforces full key coverage, so a partial/forgotten key is a
+*   compile error in the app — the same guarantee the built-in packs enjoy.
+* @author kine-design
+* @version v1.0.0
+*/
+/** Built-in language packs, keyed by locale name. */
+var locales = {
+	zh: {
+		common: {
+			confirm: "确定",
+			cancel: "取消",
+			close: "关闭",
+			search: "搜索",
+			reset: "重置",
+			all: "全部",
+			noData: "暂无数据",
+			loading: "加载中...",
+			save: "保存"
+		},
+		pagination: {
+			totalPrefix: "共 ",
+			totalSuffix: " 条"
+		},
+		datePicker: {
+			placeholder: "请选择日期...",
+			year: (year) => `${year}年`,
+			month: (month) => `${month}月`,
+			hour: "时",
+			minute: "分",
+			second: "秒",
+			confirm: "确定",
+			weekNames: [
+				"日",
+				"一",
+				"二",
+				"三",
+				"四",
+				"五",
+				"六"
+			],
+			monthNames: [
+				"1月",
+				"2月",
+				"3月",
+				"4月",
+				"5月",
+				"6月",
+				"7月",
+				"8月",
+				"9月",
+				"10月",
+				"11月",
+				"12月"
+			]
+		},
+		timePicker: {
+			placeholder: "请选择时间...",
+			hour: "时",
+			minute: "分",
+			second: "秒"
+		},
+		select: {
+			placeholder: "请选择...",
+			clear: "清空",
+			noData: "暂无数据",
+			loading: "加载中..."
+		},
+		autoComplete: {
+			placeholder: "请输入...",
+			loading: "加载中",
+			clear: "清空",
+			noData: "暂无建议"
+		},
+		cascader: {
+			placeholder: "请选择",
+			noMatch: "暂无匹配数据"
+		},
+		image: {
+			loadError: "加载失败",
+			zoomOut: "缩小",
+			zoomIn: "放大",
+			rotate: "旋转",
+			close: "关闭"
+		},
+		transfer: {
+			sourceTitle: "源列表",
+			targetTitle: "目标列表",
+			noData: "暂无数据",
+			filterPlaceholder: "请输入搜索内容"
+		},
+		empty: { description: "暂无数据" },
+		a11y: {
+			rate: "评分",
+			tagClose: "关闭",
+			anchorNav: "锚点导航",
+			backTop: "回到顶部",
+			carouselPrev: "上一张",
+			carouselNext: "下一张",
+			toLightMode: "切换到亮色模式",
+			toDarkMode: "切换到暗色模式",
+			expandSider: "展开侧边栏",
+			collapseSider: "折叠侧边栏"
+		},
+		upload: {
+			trigger: "点击或拖拽文件到此处上传",
+			triggerSimple: "点击上传文件",
+			oversize: (name, max) => max ? `文件 "${name}" 超过大小限制（最大 ${max}）` : `文件 "${name}" 超过大小限制`,
+			uploadFailed: "上传失败",
+			statusWaiting: "等待中",
+			statusUploading: "上传中",
+			statusDone: "已完成",
+			statusFailed: "上传失败"
+		},
+		searchTable: {
+			search: "搜索",
+			reset: "重置"
+		},
+		editableTable: {
+			summary: "合计",
+			addRow: "+ 添加行",
+			addFirstRow: "添加第一行",
+			confirmDelete: "确定删除这一行？",
+			delete: "删除",
+			cancel: "取消",
+			noData: "暂无数据"
+		},
+		formPage: {
+			loading: "加载中...",
+			cancel: "取消",
+			saveDraft: "保存草稿",
+			save: "保存",
+			saving: "保存中...",
+			submit: "提交",
+			submitting: "提交中...",
+			basicInfo: "基本信息",
+			editTitle: (title) => `编辑${title}`,
+			createTitle: (title) => `新建${title}`
+		},
+		approvalDialog: {
+			submitTitle: "提交审批",
+			submitConfirm: "确认提交",
+			approveTitle: "审批通过",
+			approveConfirm: "确认通过",
+			rejectTitle: "驳回申请",
+			rejectConfirm: "确认驳回",
+			rejectPlaceholder: "请输入驳回原因...",
+			remarkPlaceholder: "添加备注（可选）...",
+			required: "* 必填",
+			cancel: "取消",
+			processing: "处理中..."
+		},
+		crudPage: {
+			all: "全部",
+			fieldPlaceholder: (label) => `请输入${label}`
+		},
+		login: {
+			username: "用户名",
+			usernamePlaceholder: "请输入用户名",
+			password: "密码",
+			passwordPlaceholder: "请输入密码",
+			remember: "记住我",
+			login: "登 录",
+			loggingIn: "登录中..."
+		},
+		form: {
+			inputPlaceholder: (label) => `请输入${label}`,
+			selectPlaceholder: (label) => `请选择${label}`
+		},
+		routes: {
+			createSuffix: " - 新建",
+			editSuffix: " - 编辑",
+			detailSuffix: " - 详情"
+		},
+		request: {
+			success: "操作成功",
+			opFailed: "操作失败",
+			failed: "请求失败",
+			failedWithStatus: (status) => `请求失败（${status}）`,
+			failedWithMsg: (msg) => `请求失败: ${msg}`,
+			timeout: "请求超时",
+			timeoutRetry: "请求超时，请稍后重试",
+			canceled: "请求已取消",
+			permissionDenied: "权限不足，无法执行此操作",
+			invalidUrl: (url) => `无效的请求地址: ${url}`,
+			decodeFailed: (reason) => `解码失败: ${reason}`,
+			parseFailed: "数据解析失败",
+			networkError: "网络错误",
+			networkException: "网络异常，请检查网络连接",
+			unknownError: (error) => `未知错误: ${error}`,
+			unknown: "发生了未知错误",
+			uploadFailed: "上传失败",
+			uploadCanceled: "上传已取消"
+		},
+		aiChat: {
+			inputPlaceholder: "输入消息…",
+			send: "发送",
+			defaultTitle: (n) => `对话 ${n}`,
+			phaseTyping: "正在输入…",
+			phaseThinking: "思考中…",
+			phaseReplying: "回复中…",
+			phaseSending: "发送中…"
+		}
 	},
-	label: {
-		type: String,
-		default: ""
+	en: {
+		common: {
+			confirm: "OK",
+			cancel: "Cancel",
+			close: "Close",
+			search: "Search",
+			reset: "Reset",
+			all: "All",
+			noData: "No data",
+			loading: "Loading...",
+			save: "Save"
+		},
+		pagination: {
+			totalPrefix: "",
+			totalSuffix: " items"
+		},
+		datePicker: {
+			placeholder: "Select date...",
+			year: (year) => `${year}`,
+			month: (month) => `${month}`,
+			hour: "Hour",
+			minute: "Min",
+			second: "Sec",
+			confirm: "OK",
+			weekNames: [
+				"Sun",
+				"Mon",
+				"Tue",
+				"Wed",
+				"Thu",
+				"Fri",
+				"Sat"
+			],
+			monthNames: [
+				"Jan",
+				"Feb",
+				"Mar",
+				"Apr",
+				"May",
+				"Jun",
+				"Jul",
+				"Aug",
+				"Sep",
+				"Oct",
+				"Nov",
+				"Dec"
+			]
+		},
+		timePicker: {
+			placeholder: "Select time...",
+			hour: "Hour",
+			minute: "Min",
+			second: "Sec"
+		},
+		select: {
+			placeholder: "Select...",
+			clear: "Clear",
+			noData: "No data",
+			loading: "Loading..."
+		},
+		autoComplete: {
+			placeholder: "Enter...",
+			loading: "Loading",
+			clear: "Clear",
+			noData: "No suggestions"
+		},
+		cascader: {
+			placeholder: "Select",
+			noMatch: "No matching data"
+		},
+		image: {
+			loadError: "Load failed",
+			zoomOut: "Zoom out",
+			zoomIn: "Zoom in",
+			rotate: "Rotate",
+			close: "Close"
+		},
+		transfer: {
+			sourceTitle: "Source",
+			targetTitle: "Target",
+			noData: "No data",
+			filterPlaceholder: "Search..."
+		},
+		empty: { description: "No data" },
+		a11y: {
+			rate: "Rating",
+			tagClose: "Close",
+			anchorNav: "Anchor navigation",
+			backTop: "Back to top",
+			carouselPrev: "Previous",
+			carouselNext: "Next",
+			toLightMode: "Switch to light mode",
+			toDarkMode: "Switch to dark mode",
+			expandSider: "Expand sidebar",
+			collapseSider: "Collapse sidebar"
+		},
+		upload: {
+			trigger: "Click or drag file here to upload",
+			triggerSimple: "Click to upload",
+			oversize: (name, max) => max ? `File "${name}" exceeds size limit (max ${max})` : `File "${name}" exceeds size limit`,
+			uploadFailed: "Upload failed",
+			statusWaiting: "Waiting",
+			statusUploading: "Uploading",
+			statusDone: "Done",
+			statusFailed: "Failed"
+		},
+		searchTable: {
+			search: "Search",
+			reset: "Reset"
+		},
+		editableTable: {
+			summary: "Total",
+			addRow: "+ Add row",
+			addFirstRow: "Add first row",
+			confirmDelete: "Delete this row?",
+			delete: "Delete",
+			cancel: "Cancel",
+			noData: "No data"
+		},
+		formPage: {
+			loading: "Loading...",
+			cancel: "Cancel",
+			saveDraft: "Save draft",
+			save: "Save",
+			saving: "Saving...",
+			submit: "Submit",
+			submitting: "Submitting...",
+			basicInfo: "Basic info",
+			editTitle: (title) => `Edit ${title}`,
+			createTitle: (title) => `New ${title}`
+		},
+		approvalDialog: {
+			submitTitle: "Submit for approval",
+			submitConfirm: "Confirm submission",
+			approveTitle: "Approve",
+			approveConfirm: "Confirm approval",
+			rejectTitle: "Reject",
+			rejectConfirm: "Confirm rejection",
+			rejectPlaceholder: "Enter rejection reason...",
+			remarkPlaceholder: "Add remark (optional)...",
+			required: "* Required",
+			cancel: "Cancel",
+			processing: "Processing..."
+		},
+		crudPage: {
+			all: "All",
+			fieldPlaceholder: (label) => `Enter ${label}`
+		},
+		login: {
+			username: "Username",
+			usernamePlaceholder: "Enter username",
+			password: "Password",
+			passwordPlaceholder: "Enter password",
+			remember: "Remember me",
+			login: "Log in",
+			loggingIn: "Logging in..."
+		},
+		form: {
+			inputPlaceholder: (label) => `Enter ${label}`,
+			selectPlaceholder: (label) => `Select ${label}`
+		},
+		routes: {
+			createSuffix: " - New",
+			editSuffix: " - Edit",
+			detailSuffix: " - Details"
+		},
+		request: {
+			success: "Success",
+			opFailed: "Operation failed",
+			failed: "Request failed",
+			failedWithStatus: (status) => `Request failed (${status})`,
+			failedWithMsg: (msg) => `Request failed: ${msg}`,
+			timeout: "Request timed out",
+			timeoutRetry: "Request timed out, please try again",
+			canceled: "Request canceled",
+			permissionDenied: "Permission denied",
+			invalidUrl: (url) => `Invalid request URL: ${url}`,
+			decodeFailed: (reason) => `Decode failed: ${reason}`,
+			parseFailed: "Failed to parse data",
+			networkError: "Network error",
+			networkException: "Network error, please check your connection",
+			unknownError: (error) => `Unknown error: ${error}`,
+			unknown: "An unknown error occurred",
+			uploadFailed: "Upload failed",
+			uploadCanceled: "Upload canceled"
+		},
+		aiChat: {
+			inputPlaceholder: "Type a message…",
+			send: "Send",
+			defaultTitle: (n) => `Chat ${n}`,
+			phaseTyping: "Typing…",
+			phaseThinking: "Thinking…",
+			phaseReplying: "Replying…",
+			phaseSending: "Sending…"
+		}
 	}
-} };
+};
 //#endregion
-//#region ../core/components/base/image/api.ts
-var props$2 = {
-	src: {
-		type: String,
-		required: true
-	},
-	alt: {
-		type: String,
-		default: ""
-	},
-	fit: {
-		type: String,
-		default: "cover",
-		enum: [
-			"contain",
-			"cover",
-			"fill",
-			"none",
-			"scale-down"
-		]
-	},
-	width: {
-		type: [String, Number],
-		default: void 0
-	},
-	height: {
-		type: [String, Number],
-		default: void 0
-	},
-	lazy: {
-		type: Boolean,
-		default: false
-	},
-	previewSrcList: {
-		type: Array,
-		default: () => []
-	},
-	zIndex: {
-		type: Number,
-		default: 2e3
+//#region ../core/compositions/common/useLocale.ts
+/**
+* @description composable for unified component locale with global injection
+*   support — the i18n counterpart of `useComponentSize`. Components call
+*   `useLocale()` to get the active message dictionary (a computed ref) and read
+*   their user-facing strings from it instead of hardcoding text.
+* @author kine-design
+* @version v1.0.0
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var KINE_LOCALE_KEY = Symbol("kine-locale");
+function resolveMessages(config) {
+	if (!config) return locales["zh"];
+	if (typeof config === "string") return locales[config] ?? locales["zh"];
+	return config;
+}
+/**
+* Resolve the active message dictionary from the nearest `KConfigProvider`.
+* Falls back to the default (zh) pack when no provider is present.
+*/
+function useLocale() {
+	const injected = inject(KINE_LOCALE_KEY, void 0);
+	return computed(() => resolveMessages(injected?.value));
+}
+var activeLocaleMessages = locales["zh"];
+/** Read the global active dictionary from non-component (pure-function) code. */
+function getActiveLocaleMessages() {
+	return activeLocaleMessages;
+}
+//#endregion
+//#region components/layout/KSider.tsx
+/**
+* @description KSider 侧边栏组件，支持折叠动画和自定义 trigger
+* @author 阿怪
+* @date 2026/2/26
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var KSider_default = /* @__PURE__ */ defineComponent({
+	name: "KSider",
+	setup(_, ctx) {
+		const t = useLocale();
+		const collapsed = inject(LAYOUT_COLLAPSED_KEY);
+		const toggle = inject(LAYOUT_TOGGLE_KEY);
+		const drawerOpen = inject(LAYOUT_DRAWER_OPEN_KEY, ref(false));
+		const siderWidth = inject(LAYOUT_SIDER_WIDTH_KEY, "240px");
+		const collapsedWidth = inject(LAYOUT_COLLAPSED_WIDTH_KEY, "64px");
+		const currentWidth = computed(() => {
+			if (!collapsed) return siderWidth;
+			return collapsed.value ? collapsedWidth : siderWidth;
+		});
+		const isCollapsed = computed(() => collapsed?.value ?? false);
+		const handleTriggerClick = () => {
+			toggle?.();
+		};
+		const defaultTrigger = () => createVNode("button", {
+			"class": "k-crud-sider-trigger-btn",
+			"onClick": handleTriggerClick,
+			"title": isCollapsed.value ? t.value.a11y.expandSider : t.value.a11y.collapseSider
+		}, [createVNode("span", { "class": ["k-crud-sider-trigger-icon", isCollapsed.value && "k-crud-sider-trigger-icon--collapsed"] }, ["‹"])]);
+		return () => createVNode("aside", {
+			"class": [
+				"k-crud-sider",
+				isCollapsed.value && "k-crud-sider--collapsed",
+				drawerOpen.value && "k-crud-sider--drawer-open"
+			],
+			"style": { width: currentWidth.value }
+		}, [
+			ctx.slots.logo && createVNode("div", { "class": "k-crud-sider-logo" }, [ctx.slots.logo()]),
+			createVNode("div", { "class": "k-crud-sider-body" }, [ctx.slots.default?.()]),
+			createVNode("div", { "class": "k-crud-sider-trigger" }, [ctx.slots.trigger ? ctx.slots.trigger({
+				collapsed: isCollapsed.value,
+				toggle
+			}) : defaultTrigger()])
+		]);
+	}
+});
+//#endregion
+//#region components/layout/KHeader.tsx
+/**
+* @description KHeader 顶部栏组件
+* @author 阿怪
+* @date 2026/2/26
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var KHeader_default = /* @__PURE__ */ defineComponent({
+	name: "KHeader",
+	setup(_, ctx) {
+		const toggleDrawer = inject(LAYOUT_TOGGLE_DRAWER_KEY, () => {});
+		return () => createVNode("header", { "class": "k-crud-header" }, [
+			createVNode("button", {
+				"class": "k-crud-header-hamburger",
+				"onClick": toggleDrawer
+			}, [createVNode("span", { "class": "k-crud-header-hamburger-icon" }, null)]),
+			createVNode("div", { "class": "k-crud-header-main" }, [ctx.slots.default?.()]),
+			ctx.slots.extra && createVNode("div", { "class": "k-crud-header-extra" }, [ctx.slots.extra()])
+		]);
+	}
+});
+//#endregion
+//#region components/layout/KContent.tsx
+/**
+* @description KContent 主内容区组件
+* @author 阿怪
+* @date 2026/2/26
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+var KContent_default = /* @__PURE__ */ defineComponent({
+	name: "KContent",
+	setup(_, ctx) {
+		return () => createVNode("main", { "class": "k-crud-content" }, [ctx.slots.default?.()]);
+	}
+});
+//#endregion
+//#region ../core/compositions/common/testAnchor.ts
+/**
+* @description Test anchor system: provide/inject keys, types, and kDefineComponent wrapper
+* @author kine-design
+* @date 2026/4/28
+* @version v1.0.0
+*
+* Renders business-semantic `data-k` attributes on DOM elements when testAnchor is enabled,
+* allowing E2E tests to target components by stable identifiers.
+*/
+/** Global switch provided by KConfigProvider to enable data-k rendering */
+var K_TEST_ANCHOR_KEY = Symbol("k-test-anchor");
+/** Field identity provided by KFormItem so child inputs inherit field name */
+var K_FIELD_KEY = Symbol("k-field");
+/**
+* Extract text content from a VNode tree (for slotText mode).
+* Walks children recursively, concatenating string segments.
+*/
+function extractSlotText(nodes) {
+	if (!nodes) return "";
+	let text = "";
+	for (const node of nodes) if (typeof node.children === "string") text += node.children;
+	else if (Array.isArray(node.children)) text += extractSlotText(node.children);
+	return text.trim();
+}
+/**
+* Resolve the data-k value for a component instance.
+* Returns undefined when testAnchor is off or no identity can be derived.
+*/
+function resolveDataK(config, props, attrs, fieldFromParent, slotNodes) {
+	const override = attrs[`k-${config.type}`];
+	if (typeof override === "string" && override) return `${config.type}:${override}`;
+	if (config.prop) {
+		const val = props[config.prop];
+		if (typeof val === "string" && val) return `${config.type}:${val}`;
 	}
-};
-//#endregion
-//#region ../core/components/base/image/useImage.ts
+	if (config.slotText && slotNodes) {
+		const text = extractSlotText(slotNodes);
+		if (text) return `${config.type}:${text}`;
+	}
+	if (config.slotText && typeof props.text === "string" && props.text) return `${config.type}:${props.text}`;
+	if (config.type === "field" && !config.prop && fieldFromParent) return `${config.type}:${fieldFromParent}`;
+}
 /**
-* @description image hook
-* @author 阿怪
-* @date 2026/2/26
-* @version v1.0.0
+* Inject data-k attribute into a VNode.
+* Uses cloneVNode to avoid mutating the original.
+*/
+function injectDataK(vnode, dataK) {
+	return cloneVNode(vnode, { "data-k": dataK });
+}
+/**
+* Wrapper around Vue's defineComponent that automatically injects `data-k`
+* test anchor attributes when testAnchor is enabled via KConfigProvider.
 *
-* 江湖的业务千篇一律，复杂的代码好几百行。
+* Usage:
+* ```tsx
+* export default kDefineComponent((_props, ctx) => {
+*   return () => <div class="k-form-item">...</div>;
+* }, {
+*   name: 'KFormItem',
+*   props: FormCore.formItemProps,
+*   kAnchor: { type: 'field', prop: 'prop' },
+* });
+* ```
 */
-function useImage(props, emit) {
-	const status = ref("loading");
-	const previewVisible = ref(false);
-	const previewIndex = ref(0);
-	const previewScale = ref(1);
-	const previewRotate = ref(0);
-	/** 重置加载状态（src 变化时调用） */
-	const reset = () => {
-		status.value = "loading";
-	};
-	const handleLoad = (e) => {
-		status.value = "loaded";
-		emit("load", e);
-	};
-	const handleError = (e) => {
-		status.value = "error";
-		emit("error", e);
-	};
-	/** 打开全屏预览，定位到 src 在 previewSrcList 中的位置 */
-	const openPreview = () => {
-		if (!props.previewSrcList || props.previewSrcList.length === 0) return;
-		const idx = props.previewSrcList.indexOf(props.src);
-		previewIndex.value = idx >= 0 ? idx : 0;
-		previewScale.value = 1;
-		previewRotate.value = 0;
-		previewVisible.value = true;
-	};
-	const closePreview = () => {
-		previewVisible.value = false;
-	};
-	/** 预览切换到上一张 */
-	const previewPrev = () => {
-		const total = props.previewSrcList.length;
-		if (total === 0) return;
-		previewIndex.value = (previewIndex.value - 1 + total) % total;
-		previewScale.value = 1;
-		previewRotate.value = 0;
-		emit("switch", previewIndex.value);
-	};
-	/** 预览切换到下一张 */
-	const previewNext = () => {
-		const total = props.previewSrcList.length;
-		if (total === 0) return;
-		previewIndex.value = (previewIndex.value + 1) % total;
-		previewScale.value = 1;
-		previewRotate.value = 0;
-		emit("switch", previewIndex.value);
-	};
-	/** 预览放大 */
-	const zoomIn = () => {
-		previewScale.value = Math.min(previewScale.value + .25, 5);
-	};
-	/** 预览缩小 */
-	const zoomOut = () => {
-		previewScale.value = Math.max(previewScale.value - .25, .25);
-	};
-	/** 顺时针旋转 90° */
-	const rotate = () => {
-		previewRotate.value = (previewRotate.value + 90) % 360;
-	};
-	watch(() => props.src, reset);
-	onMounted(() => {
-		if (props.lazy) status.value = "loading";
-	});
-	return {
-		status,
-		previewVisible,
-		previewIndex,
-		previewScale,
-		previewRotate,
-		handleLoad,
-		handleError,
-		openPreview,
-		closePreview,
-		previewPrev,
-		previewNext,
-		zoomIn,
-		zoomOut,
-		rotate
-	};
+function kDefineComponent(setup, options) {
+	const { kAnchor, ...defineOptions } = options;
+	return defineComponent((rawProps, ctx) => {
+		const render = setup(rawProps, ctx);
+		if (!kAnchor) return render;
+		const testAnchor = inject(K_TEST_ANCHOR_KEY, void 0);
+		const parentField = kAnchor.type === "field" && !kAnchor.prop ? inject(K_FIELD_KEY, void 0) : void 0;
+		return () => {
+			const vnode = render();
+			if (!testAnchor?.value) return vnode;
+			const props = rawProps;
+			const slotNodes = kAnchor.slotText ? ctx.slots.default?.() ?? void 0 : void 0;
+			const dataK = resolveDataK(kAnchor, props, ctx.attrs, parentField?.value, slotNodes);
+			if (!dataK) return vnode;
+			if (vnode === null || vnode === void 0) return vnode;
+			if (Array.isArray(vnode)) {
+				if (vnode.length === 0) return vnode;
+				const first = vnode[0];
+				if (first && typeof first === "object") return [injectDataK(first, dataK), ...vnode.slice(1)];
+				return vnode;
+			}
+			return injectDataK(vnode, dataK);
+		};
+	}, defineOptions);
 }
 //#endregion
-//#region ../core/components/base/image/index.ts
+//#region ../ui/components/table/KTable.tsx
 /**
-* @description image core 导出
+* @description kine-ui table 组件
 * @author 阿怪
 * @date 2026/2/26
-* @version v1.0.0
+* @version v1.1.0
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
+*
+* v1.1.0 migrate to kDefineComponent for data-k test anchor 2026/4/28
 */
-var ImageCore = {
+var { props: props$2 } = TableCore;
+var KTable_default = kDefineComponent((_props, { slots }) => {
+	const p = _props;
+	const { initTable } = useTable();
+	const t = useLocale();
+	const testAnchor = inject(K_TEST_ANCHOR_KEY, void 0);
+	return () => {
+		const columns = [];
+		(slots.default?.() ?? []).forEach((s) => {
+			if (s.type === Fragment) {
+				s.children?.forEach((c) => columns.push(c));
+				return;
+			}
+			if (s.type === Comment) return;
+			if (typeof s.type === "object" && s.type.name === "KTableColumn") columns.push(s);
+		});
+		const style = p.height ? { height: p.height } : void 0;
+		const { thead, tbody } = initTable({
+			empty: createVNode("tbody", {
+				"class": "m-table-empty k-table-empty",
+				"data-k": "state:tableEmpty"
+			}, [createVNode("tr", null, [createVNode("th", { "colspan": columns.length }, [slots.empty?.() ?? t.value.common.noData])])]),
+			tbodyTr: ({ data, param, slot, style: cellStyle, slotInfo }) => createVNode("td", {
+				"style": cellStyle,
+				"data-k": testAnchor?.value && param ? `col:${param}` : void 0,
+				"class": [
+					"m-td",
+					"k-td",
+					p.paramClass ? `m-td-${param}` : null,
+					p.paramClass ? `k-td-${param}` : null
+				]
+			}, [slot ? slot({
+				data: slotInfo?.data,
+				row: slotInfo?.data,
+				index: slotInfo?.index
+			}) : data]),
+			theadTh: ({ label, param, slot, style: cellStyle }) => createVNode("th", {
+				"class": [
+					"m-th",
+					"k-th",
+					p.paramClass ? `m-th-${param}` : null,
+					p.paramClass ? `k-th-${param}` : null
+				],
+				"style": cellStyle
+			}, [slot ? slot() : label]),
+			thead: (ths) => createVNode("thead", {
+				"class": "m-thead k-thead",
+				"data-k": "region:tableHead"
+			}, [createVNode("tr", { "class": "m-tr k-tr" }, [ths])]),
+			tbody: (trs) => createVNode("tbody", {
+				"class": "m-tbody k-tbody",
+				"data-k": "region:tableBody"
+			}, [trs]),
+			tbodyTrs: (tds, i) => createVNode("tr", {
+				"class": "m-tr k-tr",
+				"key": i
+			}, [...tds]),
+			initSlot: (tableColumn) => {
+				const children = tableColumn.children;
+				if (!children || Array.isArray(children) || typeof children !== "object") return;
+				return {
+					body: children.default,
+					head: children.head
+				};
+			}
+		}, columns, p.data);
+		return createVNode("div", {
+			"class": [
+				"m-table",
+				"k-table",
+				p.loading && "k-table-loading-wrap"
+			],
+			"style": style
+		}, [p.loading && createVNode("div", { "class": "k-table-loading-overlay" }, [createVNode("div", { "class": "k-table-loading-spinner" }, null)]), createVNode("table", { "class": "m-table-inner k-table-inner" }, [thead, tbody])]);
+	};
+}, {
+	name: "KTable",
 	props: props$2,
-	useImage
-};
+	kAnchor: {
+		type: "table",
+		prop: "name"
+	}
+});
 //#endregion
 //#region ../ui/components/pagination/KPagination.tsx
 /**
@@ -7090,6 +7613,7 @@ var ImageCore = {
 var { props: paginationProps } = PaginationCore;
 var KPagination_default = /* @__PURE__ */ defineComponent((_props, { emit }) => {
 	const p = _props;
+	const t = useLocale();
 	const currentValue = ref(p.modelValue ?? p.defaultCurrent ?? 1);
 	watch(() => p.modelValue, (val) => {
 		if (val !== void 0) currentValue.value = val;
@@ -7119,9 +7643,9 @@ var KPagination_default = /* @__PURE__ */ defineComponent((_props, { emit }) =>
 		const totalPages = getPageBtnLength();
 		const btnGetter = {
 			total: () => createVNode("div", { "class": "m-page-total k-page-total" }, [
-				createTextVNode("共 "),
+				t.value.pagination.totalPrefix,
 				createVNode("span", null, [p.total]),
-				createTextVNode(" 条")
+				t.value.pagination.totalSuffix
 			]),
 			prev: () => createVNode("div", {
 				"class": [
@@ -7266,6 +7790,7 @@ var KSearchTable_default = /* @__PURE__ */ defineComponent({
 		"reset"
 	],
 	setup(props, ctx) {
+		const t = useLocale();
 		/** 点击搜索按钮 */
 		const onSearch = () => {
 			ctx.emit("search");
@@ -7279,12 +7804,17 @@ var KSearchTable_default = /* @__PURE__ */ defineComponent({
 			ctx.emit("update:page", page);
 		};
 		return () => createVNode("div", { "class": ["k-search-table", props.loading ? "k-search-table--loading" : ""] }, [
-			props.searchable && createVNode("div", { "class": "k-search-table-search" }, [createVNode("div", { "class": "k-search-table-search-form" }, [ctx.slots.search?.()]), createVNode("div", { "class": "k-search-table-search-actions" }, [createVNode(KButton_default, {
+			props.searchable && createVNode("div", { "class": "k-search-table-search" }, [createVNode("div", { "class": "k-search-table-search-form" }, [ctx.slots.search?.()]), createVNode("div", {
+				"class": "k-search-table-search-actions",
+				"data-k": "action:searchActions"
+			}, [createVNode(KButton_default, {
 				"type": "primary",
-				"text": "搜索",
+				"text": t.value.searchTable.search,
+				"data-k": "action:search",
 				"onClick": onSearch
 			}, null), createVNode(KButton_default, {
-				"text": "重置",
+				"text": t.value.searchTable.reset,
+				"data-k": "action:reset",
 				"onClick": onReset
 			}, null)])]),
 			ctx.slots.toolbar && createVNode("div", { "class": "k-search-table-toolbar" }, [ctx.slots.toolbar()]),
@@ -7329,6 +7859,7 @@ var { props: props$1 } = TagCore;
 var KTag_default = /* @__PURE__ */ defineComponent((_props, { slots, emit }) => {
 	const props = _props;
 	const componentSize = useComponentSize(props);
+	const t = useLocale();
 	return () => {
 		const { type, closable, disabled } = props;
 		const classes = [
@@ -7355,7 +7886,7 @@ var KTag_default = /* @__PURE__ */ defineComponent((_props, { slots, emit }) =>
 		}, [slots.default?.() ?? "", closable && createVNode("span", {
 			"class": "k-tag-close",
 			"onClick": handleClose,
-			"aria-label": "关闭"
+			"aria-label": t.value.a11y.tagClose
 		}, [createTextVNode("×")])]);
 	};
 }, {
@@ -7404,7 +7935,7 @@ var LoadingPlaceholder = () => createVNode("div", { "class": "k-image-placeholde
 	}, null)
 ])]);
 /** 加载失败占位图标 */
-var ErrorPlaceholder = () => createVNode("div", { "class": "k-image-placeholder k-image-error" }, [createVNode("svg", {
+var ErrorPlaceholder = ({ text }) => createVNode("div", { "class": "k-image-placeholder k-image-error" }, [createVNode("svg", {
 	"viewBox": "0 0 24 24",
 	"fill": "none",
 	"class": "k-image-placeholder-icon"
@@ -7421,9 +7952,10 @@ var ErrorPlaceholder = () => createVNode("div", { "class": "k-image-placeholder
 	"stroke": "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round"
-}, null)]), createVNode("span", { "class": "k-image-error-text" }, [createTextVNode("加载失败")])]);
+}, null)]), createVNode("span", { "class": "k-image-error-text" }, [text])]);
 var KImage_default = /* @__PURE__ */ defineComponent((_props, { slots, emit }) => {
 	const cProps = _props;
+	const t = useLocale();
 	const { status, previewVisible, previewIndex, previewScale, previewRotate, handleLoad, handleError, openPreview, closePreview, previewPrev, previewNext, zoomIn, zoomOut, rotate } = useImage(cProps, (event, payload) => emit(event, payload));
 	const hasPreview = computed(() => cProps.previewSrcList && cProps.previewSrcList.length > 0);
 	return () => {
@@ -7437,7 +7969,7 @@ var KImage_default = /* @__PURE__ */ defineComponent((_props, { slots, emit }) =
 			"onClick": hasPreview.value ? openPreview : void 0
 		}, [
 			status.value === "loading" && (slots.placeholder ? slots.placeholder() : createVNode(LoadingPlaceholder, null, null)),
-			status.value === "error" && (slots.error ? slots.error() : createVNode(ErrorPlaceholder, null, null)),
+			status.value === "error" && (slots.error ? slots.error() : createVNode(ErrorPlaceholder, { "text": t.value.image.loadError }, null)),
 			createVNode("img", {
 				"class": ["k-image-inner", status.value !== "loaded" ? "k-image-inner-hidden" : ""],
 				"src": cProps.src,
@@ -7458,23 +7990,23 @@ var KImage_default = /* @__PURE__ */ defineComponent((_props, { slots, emit }) =
 				createVNode("button", {
 					"class": "k-image-preview-btn",
 					"onClick": zoomOut,
-					"title": "缩小"
+					"title": t.value.image.zoomOut
 				}, [createTextVNode("－")]),
 				createVNode("span", { "class": "k-image-preview-scale" }, [Math.round(previewScale.value * 100), createTextVNode("%")]),
 				createVNode("button", {
 					"class": "k-image-preview-btn",
 					"onClick": zoomIn,
-					"title": "放大"
+					"title": t.value.image.zoomIn
 				}, [createTextVNode("＋")]),
 				createVNode("button", {
 					"class": "k-image-preview-btn",
 					"onClick": rotate,
-					"title": "旋转"
+					"title": t.value.image.rotate
 				}, [createTextVNode("↻")]),
 				createVNode("button", {
 					"class": "k-image-preview-btn k-image-preview-close",
 					"onClick": closePreview,
-					"title": "关闭"
+					"title": t.value.image.close
 				}, [createTextVNode("✕")])
 			]),
 			createVNode("img", {
@@ -7595,6 +8127,7 @@ var { props: selectProps, useSelect } = SelectCore;
 var KSelect_default = kDefineComponent((_props, _ctx) => {
 	const props = _props;
 	const { slots, expose } = _ctx;
+	const t = useLocale();
 	const componentSize = useComponentSize(props);
 	const { inputValue, isOpen, fetchLoading, inputReadonly, displayOptions, selectedTags, lastOptionRef, optionsContainerRef, onSelect, onDeleteTag, onInput, onFocus, onBlur, tools, updateFetchObserver } = useSelect(props, _ctx);
 	const triggerRef = ref(null);
@@ -7696,7 +8229,7 @@ var KSelect_default = kDefineComponent((_props, _ctx) => {
 				"class": "m-select-input k-select-input",
 				"type": "text",
 				"value": inputValue.value,
-				"placeholder": selectedTags.value.length === 0 ? props.placeholder : "",
+				"placeholder": selectedTags.value.length === 0 ? props.placeholder ?? t.value.select.placeholder : "",
 				"onInput": (e) => {
 					inputValue.value = e.target.value;
 					onInput();
@@ -7717,7 +8250,7 @@ var KSelect_default = kDefineComponent((_props, _ctx) => {
 					"value": inputValue.value,
 					"readonly": inputReadonly.value,
 					"disabled": props.disabled,
-					"placeholder": props.placeholder,
+					"placeholder": props.placeholder ?? t.value.select.placeholder,
 					"onInput": (e) => {
 						inputValue.value = e.target.value;
 						onInput();
@@ -7728,7 +8261,7 @@ var KSelect_default = kDefineComponent((_props, _ctx) => {
 				props.loading && createVNode("span", { "class": "k-select-loading-icon" }, null),
 				showClear && !props.loading && createVNode("span", {
 					"class": "k-select-clear",
-					"aria-label": "清空",
+					"aria-label": t.value.select.clear,
 					"onMousedown": (e) => {
 						e.preventDefault();
 						e.stopPropagation();
@@ -7758,7 +8291,7 @@ var KSelect_default = kDefineComponent((_props, _ctx) => {
 					if (i === lastIndex) lastOptionRef.value = el;
 				},
 				"onClick": () => handleOptionClick(o)
-			}, [getOptionDisplay(o.value)])) : createVNode("div", { "class": "m-select-empty k-select-empty" }, [slots.empty ? slots.empty() : createVNode("span", null, [createTextVNode("暂无数据")])])]), fetchLoading.value && createVNode("div", { "class": "m-select-loading k-select-loading" }, [createTextVNode("加载中...")])])] });
+			}, [getOptionDisplay(o.value)])) : createVNode("div", { "class": "m-select-empty k-select-empty" }, [slots.empty ? slots.empty() : createVNode("span", null, [t.value.select.noData])])]), fetchLoading.value && createVNode("div", { "class": "m-select-loading k-select-loading" }, [t.value.select.loading])])] });
 		};
 		return createVNode("div", { "class": [
 			"m-select",
@@ -8286,6 +8819,14 @@ var FetchTransport = class {
 };
 //#endregion
 //#region composables/request/types.ts
+/**
+* @description 请求模块类型定义
+* @author 阿怪
+* @date 2026/3/15
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
 /** 业务错误：后端返回 success=false */
 var BusinessError = class extends Error {
 	name = "BusinessError";
@@ -8303,13 +8844,14 @@ var NetworkRequestError = class extends Error {
 	}
 };
 function networkErrorMessage(e) {
+	const t = getActiveLocaleMessages();
 	switch (e.type) {
-		case "invalidURL": return `无效的 URL: ${e.url}`;
-		case "timeout": return "请求超时";
+		case "invalidURL": return t.request.invalidUrl(e.url);
+		case "timeout": return t.request.timeout;
 		case "httpError": return `HTTP ${e.status} ${e.statusText}`;
-		case "decodingFailed": return `解码失败: ${e.reason}`;
-		case "aborted": return "请求已取消";
-		case "unknown": return `未知错误: ${String(e.error)}`;
+		case "decodingFailed": return t.request.decodeFailed(e.reason);
+		case "aborted": return t.request.canceled;
+		case "unknown": return t.request.unknownError(String(e.error));
 	}
 }
 //#endregion
@@ -8344,11 +8886,12 @@ function toQueryString(params) {
 }
 /** 根据 Content-Type 解析响应，并检查 WrappedResponse */
 async function unwrapResponse(response) {
+	const t = getActiveLocaleMessages();
 	if (response.status < 200 || response.status >= 300) {
 		if (response.status >= 400) {
 			if ((response.headers["content-type"] ?? "").includes("application/json")) try {
 				const json = await response.json();
-				if (isWrappedResponse$1(json) && !json.success) throw new BusinessError(json.message || `请求失败（${response.status}）`);
+				if (isWrappedResponse$1(json) && !json.success) throw new BusinessError(json.message || t.request.failedWithStatus(response.status));
 			} catch (e) {
 				if (e instanceof BusinessError) throw e;
 			}
@@ -8362,7 +8905,7 @@ async function unwrapResponse(response) {
 	if ((response.headers["content-type"] ?? "").includes("application/json")) {
 		const json = await response.json();
 		if (isWrappedResponse$1(json)) {
-			if (!json.success) throw new BusinessError(json.message || "请求失败");
+			if (!json.success) throw new BusinessError(json.message || t.request.failed);
 			return json.data;
 		}
 		return json;
@@ -8461,6 +9004,7 @@ var RequestBuilder = class {
 		return this;
 	}
 	async execute() {
+		const t = getActiveLocaleMessages();
 		const { transport, controlGate, baseURL, defaultHeaders, getToken, onUnauthorized, responseInterceptor, registerAbort } = this.context;
 		let fullURL = this.url.startsWith("http") ? this.url : `${baseURL}${this.url}`;
 		const abortController = new AbortController();
@@ -8516,12 +9060,12 @@ var RequestBuilder = class {
 				"PUT",
 				"PATCH",
 				"DELETE"
-			].includes(this.method)) this.context.feedback.showSuccess("操作成功");
+			].includes(this.method)) this.context.feedback.showSuccess(t.request.success);
 			return finalResult;
 		} catch (error) {
 			if (error instanceof NetworkRequestError && error.detail.type === "httpError" && error.detail.status === 401) onUnauthorized?.();
 			if (this.context.feedback) {
-				const msg = error instanceof BusinessError ? error.message : error instanceof NetworkRequestError ? `请求失败: ${error.message}` : "操作失败";
+				const msg = error instanceof BusinessError ? error.message : error instanceof NetworkRequestError ? t.request.failedWithMsg(error.message) : t.request.opFailed;
 				this.context.feedback.showError(msg);
 			}
 			throw error;
@@ -8716,6 +9260,7 @@ var defaultFeedbackHandler = {
 * createErrorHandler 和 useErrorHandler 共用此函数。
 */
 function dispatchError(error, options) {
+	const t = getActiveLocaleMessages();
 	const feedback = options.feedbackHandler ?? defaultFeedbackHandler;
 	if (error instanceof BusinessError) {
 		options.onBusinessError?.(error);
@@ -8732,28 +9277,28 @@ function dispatchError(error, options) {
 					return;
 				}
 				if (detail.status === 403) {
-					feedback.showWarning("权限不足，无法执行此操作");
+					feedback.showWarning(t.request.permissionDenied);
 					return;
 				}
-				feedback.showError(`请求失败 (${detail.status})`);
+				feedback.showError(t.request.failedWithStatus(detail.status));
 				return;
 			case "timeout":
-				feedback.showWarning("请求超时，请稍后重试");
+				feedback.showWarning(t.request.timeoutRetry);
 				return;
 			case "aborted": return;
 			case "invalidURL":
-				feedback.showError(`无效的请求地址: ${detail.url}`);
+				feedback.showError(t.request.invalidUrl(detail.url));
 				return;
 			case "decodingFailed":
-				feedback.showError("数据解析失败");
+				feedback.showError(t.request.parseFailed);
 				return;
 			case "unknown":
-				feedback.showError("网络异常，请检查网络连接");
+				feedback.showError(t.request.networkException);
 				return;
 		}
 	}
 	const message = error instanceof Error ? error.message : String(error);
-	feedback.showError(message || "发生了未知错误");
+	feedback.showError(message || t.request.unknown);
 }
 //#endregion
 //#region composables/error/createErrorHandler.ts
@@ -8959,6 +9504,7 @@ function useCrudPage(config, tableBodyRef) {
 		loading.value = true;
 		try {
 			const params = {
+				...config.defaultParams,
 				page: page.value,
 				pageSize: pageSize.value
 			};
@@ -9021,6 +9567,7 @@ var KCrudPage_default = /* @__PURE__ */ defineComponent({
 		required: true
 	} },
 	setup(props, { slots }) {
+		const t = useLocale();
 		const rootRef = ref();
 		const tableBodyRef = computed(() => rootRef.value?.querySelector(".k-search-table-body"));
 		const { page, pageSize, total, list, loading, filters, onPageChange, onSearch, onReset } = useCrudPage(props.config, tableBodyRef);
@@ -9109,6 +9656,7 @@ var KCrudPage_default = /* @__PURE__ */ defineComponent({
 			if (!props.config.filters?.length) return null;
 			return props.config.filters.map((f) => createVNode("div", {
 				"class": "k-crud-page-filter-item",
+				"data-k": `filter:${f.param}`,
 				"key": f.param
 			}, [createVNode("label", { "class": "k-crud-page-filter-label" }, [f.label]), f.type === "select" ? createVNode(KSelect_default, {
 				"class": "k-crud-page-filter-control",
@@ -9116,13 +9664,13 @@ var KCrudPage_default = /* @__PURE__ */ defineComponent({
 				"options": f.options ?? [],
 				"optionParam": "label",
 				"valueParam": "value",
-				"placeholder": f.placeholder ?? "全部",
+				"placeholder": f.placeholder ?? t.value.crudPage.all,
 				"onUpdate:modelValue": (v) => {
 					filters[f.param] = v || void 0;
 				}
 			}, null) : createVNode(KInput_default, {
 				"class": "k-crud-page-filter-control",
-				"placeholder": f.placeholder ?? `请输入${f.label}`,
+				"placeholder": f.placeholder ?? t.value.crudPage.fieldPlaceholder(f.label),
 				"modelValue": filters[f.param] ?? "",
 				"onUpdate:modelValue": (v) => {
 					filters[f.param] = v || void 0;
@@ -9131,6 +9679,7 @@ var KCrudPage_default = /* @__PURE__ */ defineComponent({
 		};
 		return () => createVNode("div", {
 			"class": "k-crud-page",
+			"data-k": "page:crudList",
 			"ref": rootRef
 		}, [createVNode(KPageHeader_default, { "title": props.config.title }, { extra: slots.headerExtra }), createVNode(KSearchTable_default, {
 			"data": list.value,
@@ -9185,6 +9734,7 @@ var KLoginPage_default = /* @__PURE__ */ defineComponent({
 		}
 	},
 	setup(props, ctx) {
+		const t = useLocale();
 		const username = ref("");
 		const password = ref("");
 		const remember = ref(false);
@@ -9204,17 +9754,17 @@ var KLoginPage_default = /* @__PURE__ */ defineComponent({
 				"class": "k-login-form",
 				"onSubmit": handleSubmit
 			}, [
-				createVNode("div", { "class": "k-login-form-item" }, [createVNode("label", null, [createTextVNode("用户名")]), createVNode(KInput_default, {
+				createVNode("div", { "class": "k-login-form-item" }, [createVNode("label", null, [t.value.login.username]), createVNode(KInput_default, {
 					"modelValue": username.value,
-					"placeholder": "请输入用户名",
+					"placeholder": t.value.login.usernamePlaceholder,
 					"onUpdate:modelValue": (v) => {
 						username.value = v;
 					}
 				}, null)]),
-				createVNode("div", { "class": "k-login-form-item" }, [createVNode("label", null, [createTextVNode("密码")]), createVNode(KInput_default, {
+				createVNode("div", { "class": "k-login-form-item" }, [createVNode("label", null, [t.value.login.password]), createVNode(KInput_default, {
 					"type": "password",
 					"modelValue": password.value,
-					"placeholder": "请输入密码",
+					"placeholder": t.value.login.passwordPlaceholder,
 					"onUpdate:modelValue": (v) => {
 						password.value = v;
 					}
@@ -9225,10 +9775,10 @@ var KLoginPage_default = /* @__PURE__ */ defineComponent({
 					"onChange": (e) => {
 						remember.value = e.target.checked;
 					}
-				}, null), createTextVNode("记住我")]),
+				}, null), t.value.login.remember]),
 				createVNode(KButton_default, {
 					"type": "primary",
-					"text": props.loading ? "登录中..." : "登 录",
+					"text": props.loading ? t.value.login.loggingIn : t.value.login.login,
 					"disabled": props.loading,
 					"loading": props.loading,
 					"onClick": handleSubmit
@@ -9688,6 +10238,7 @@ var KUpload_default = /* @__PURE__ */ defineComponent({
 		"error"
 	],
 	setup(props, ctx) {
+		const t = useLocale();
 		const inputRef = ref(null);
 		const isDragOver = ref(false);
 		const openFileDialog = () => {
@@ -9695,7 +10246,7 @@ var KUpload_default = /* @__PURE__ */ defineComponent({
 			inputRef.value?.click();
 		};
 		const validateFile = (file) => {
-			if (props.maxSize !== Infinity && file.size > props.maxSize) return `文件 "${file.name}" 超过大小限制（最大 ${formatSize$1(props.maxSize)}）`;
+			if (props.maxSize !== Infinity && file.size > props.maxSize) return t.value.upload.oversize(file.name, formatSize$1(props.maxSize));
 			return null;
 		};
 		const processFiles = async (rawFiles) => {
@@ -9814,7 +10365,7 @@ var KUpload_default = /* @__PURE__ */ defineComponent({
 				"accept": props.accept,
 				"multiple": props.multiple,
 				"onChange": onInputChange
-			}, null), ctx.slots.default?.() ?? createVNode("div", { "class": "k-upload-placeholder" }, [createVNode("span", { "class": "k-upload-icon" }, [createTextVNode("↑")]), createVNode("span", { "class": "k-upload-text" }, [props.drag ? "点击或拖拽文件到此处上传" : "点击上传文件"])])]);
+			}, null), ctx.slots.default?.() ?? createVNode("div", { "class": "k-upload-placeholder" }, [createVNode("span", { "class": "k-upload-icon" }, [createTextVNode("↑")]), createVNode("span", { "class": "k-upload-text" }, [props.drag ? t.value.upload.trigger : t.value.upload.triggerSimple])])]);
 		};
 	}
 });
@@ -9878,6 +10429,7 @@ var KImageUpload_default = /* @__PURE__ */ defineComponent({
 		"error"
 	],
 	setup(props, ctx) {
+		const t = useLocale();
 		const inputRef = ref(null);
 		const isDragOver = ref(false);
 		const objectUrlMap = ref(/* @__PURE__ */ new Map());
@@ -9913,7 +10465,7 @@ var KImageUpload_default = /* @__PURE__ */ defineComponent({
 				if (props.maxSize !== Infinity && raw.size > props.maxSize) {
 					ctx.emit("error", {
 						file: raw,
-						message: `文件 "${raw.name}" 超过大小限制`
+						message: t.value.upload.oversize(raw.name)
 					});
 					continue;
 				}
@@ -10027,7 +10579,7 @@ var KImageUpload_default = /* @__PURE__ */ defineComponent({
 						"class": "k-image-upload-progress",
 						"style": { height: `${file.percent}%` }
 					}, null), createVNode("span", { "class": "k-image-upload-percent" }, [file.percent, createTextVNode("%")])]),
-					file.status === "error" && createVNode("div", { "class": "k-image-upload-overlay k-image-upload-overlay--error" }, [createVNode("span", null, [createTextVNode("上传失败")])]),
+					file.status === "error" && createVNode("div", { "class": "k-image-upload-overlay k-image-upload-overlay--error" }, [createVNode("span", null, [t.value.upload.uploadFailed])]),
 					!props.disabled && createVNode(KButton_default, {
 						"class": "k-image-upload-remove",
 						"plain": true,
@@ -10072,12 +10624,6 @@ var KImageUpload_default = /* @__PURE__ */ defineComponent({
 *
 * 江湖的业务千篇一律，复杂的代码好几百行。
 */
-var STATUS_TEXT = {
-	pending: "等待中",
-	uploading: "上传中",
-	success: "已完成",
-	error: "上传失败"
-};
 function formatSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
 	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -10097,6 +10643,16 @@ var KFileList_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["remove"],
 	setup(props, ctx) {
+		const t = useLocale();
+		const statusText = (status) => {
+			const u = t.value.upload;
+			return {
+				pending: u.statusWaiting,
+				uploading: u.statusUploading,
+				success: u.statusDone,
+				error: u.statusFailed
+			}[status];
+		};
 		return () => {
 			if (props.files.length === 0) return null;
 			return createVNode("ul", { "class": "k-file-list" }, [props.files.map((file) => {
@@ -10120,7 +10676,7 @@ var KFileList_default = /* @__PURE__ */ defineComponent({
 					}, [file.name]) : file.name]), createVNode("span", { "class": "k-file-list-meta" }, [
 						formatSize(file.size),
 						createTextVNode(" · "),
-						STATUS_TEXT[file.status]
+						statusText(file.status)
 					])]),
 					props.removable && createVNode(KButton_default, {
 						"class": "k-file-list-remove",
@@ -10140,6 +10696,14 @@ var KFileList_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region composables/router/defineCrudRoutes.ts
 /**
+* @description CRUD 路由便利函数 — 根据实体配置批量生成路由记录
+* @author 阿怪
+* @date 2026/2/26
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
+/**
 * 根据实体配置生成标准 CRUD 路由记录数组。
 *
 * 生成规则：
@@ -10166,6 +10730,7 @@ var KFileList_default = /* @__PURE__ */ defineComponent({
 function defineCrudRoutes(config) {
 	const { name, path, permission, title, icon } = config;
 	const resource = permission ?? name.toLowerCase();
+	const t = getActiveLocaleMessages();
 	const basePath = path.replace(/\/+$/, "");
 	const opSpecs = [
 		{
@@ -10182,7 +10747,7 @@ function defineCrudRoutes(config) {
 			suffix: "/new",
 			action: "create",
 			component: config.new,
-			titleSuffix: " - 新建",
+			titleSuffix: t.routes.createSuffix,
 			keepAlive: false,
 			hidden: true
 		},
@@ -10191,7 +10756,7 @@ function defineCrudRoutes(config) {
 			suffix: "/:id/edit",
 			action: "update",
 			component: config.modify,
-			titleSuffix: " - 编辑",
+			titleSuffix: t.routes.editSuffix,
 			keepAlive: false,
 			hidden: true
 		},
@@ -10200,7 +10765,7 @@ function defineCrudRoutes(config) {
 			suffix: "/:id",
 			action: "read",
 			component: config.detail,
-			titleSuffix: " - 详情",
+			titleSuffix: t.routes.detailSuffix,
 			keepAlive: false,
 			hidden: true
 		}
@@ -10486,6 +11051,14 @@ function addTabFromRoute(tabStore, route) {
 }
 //#endregion
 //#region composables/request/transport/xhrTransport.ts
+/**
+* @description 基于 XMLHttpRequest 的传输层实现，支持上传进度
+* @author 阿怪
+* @date 2026/3/15
+* @version v0.0.1
+*
+* 江湖的业务千篇一律，复杂的代码好几百行。
+*/
 /** 解析 XHR 响应头字符串为 Record */
 function parseResponseHeaders(rawHeaders) {
 	const headers = {};
@@ -10501,6 +11074,7 @@ function parseResponseHeaders(rawHeaders) {
 }
 var XhrTransport = class {
 	send(request) {
+		const t = getActiveLocaleMessages();
 		return new Promise((resolve, reject) => {
 			const xhr = new XMLHttpRequest();
 			xhr.open(request.method, request.url, true);
@@ -10545,7 +11119,7 @@ var XhrTransport = class {
 			xhr.onerror = () => {
 				reject({
 					type: "unknown",
-					error: /* @__PURE__ */ new Error("网络错误")
+					error: new Error(t.request.networkError)
 				});
 			};
 			xhr.ontimeout = () => {
@@ -10796,11 +11370,12 @@ function createUploader(uploaderOptions = {}) {
 		return headers;
 	}
 	function doUpload(formData, options) {
+		const t = getActiveLocaleMessages();
 		const progress = ref(0);
 		const abortController = new AbortController();
 		return {
 			progress,
-			abort: () => abortController.abort("上传已取消"),
+			abort: () => abortController.abort(t.request.uploadCanceled),
 			promise: transport.send({
 				url: buildURL(options.url),
 				method: "POST",
@@ -10821,7 +11396,7 @@ function createUploader(uploaderOptions = {}) {
 				if ((response.headers["content-type"] ?? "").includes("application/json")) {
 					const json = await response.json();
 					if (isWrappedResponse(json)) {
-						if (!json.success) throw new BusinessError(json.message || "上传失败");
+						if (!json.success) throw new BusinessError(json.message || t.request.uploadFailed);
 						return json.data;
 					}
 					return json;
@@ -11003,22 +11578,10 @@ var KStickyActionBar_default = /* @__PURE__ */ defineComponent({
 * - approve: 绿色确认按钮
 * - reject: 红色确认按钮，备注必填
 */
-var CONFIG = {
-	submit: {
-		title: "提交审批",
-		confirmText: "确认提交",
-		btnType: "primary"
-	},
-	approve: {
-		title: "审批通过",
-		confirmText: "确认通过",
-		btnType: "success"
-	},
-	reject: {
-		title: "驳回申请",
-		confirmText: "确认驳回",
-		btnType: "danger"
-	}
+var BTN_TYPE = {
+	submit: "primary",
+	approve: "success",
+	reject: "danger"
 };
 var KApprovalDialog_default = /* @__PURE__ */ defineComponent({
 	name: "KApprovalDialog",
@@ -11062,6 +11625,7 @@ var KApprovalDialog_default = /* @__PURE__ */ defineComponent({
 		"cancel"
 	],
 	setup(props, { emit, slots }) {
+		const t = useLocale();
 		const remark = ref("");
 		const close = () => {
 			emit("update:visible", false);
@@ -11080,9 +11644,19 @@ var KApprovalDialog_default = /* @__PURE__ */ defineComponent({
 		};
 		return () => {
 			if (!props.visible) return null;
-			const cfg = CONFIG[props.type];
-			const displayTitle = props.title || cfg.title;
-			const placeholder = props.remarkPlaceholder || (props.type === "reject" ? "请输入驳回原因..." : "添加备注（可选）...");
+			const ad = t.value.approvalDialog;
+			const titleMap = {
+				submit: ad.submitTitle,
+				approve: ad.approveTitle,
+				reject: ad.rejectTitle
+			};
+			const confirmMap = {
+				submit: ad.submitConfirm,
+				approve: ad.approveConfirm,
+				reject: ad.rejectConfirm
+			};
+			const displayTitle = props.title || titleMap[props.type];
+			const placeholder = props.remarkPlaceholder || (props.type === "reject" ? ad.rejectPlaceholder : ad.remarkPlaceholder);
 			return createVNode("div", {
 				"class": "k-approval-overlay",
 				"onClick": close
@@ -11108,14 +11682,14 @@ var KApprovalDialog_default = /* @__PURE__ */ defineComponent({
 							remark.value = v;
 						}
 					}, null),
-					isRemarkRequired() && createVNode("span", { "class": "k-approval-dialog-required-hint" }, [createTextVNode("* 必填")])
+					isRemarkRequired() && createVNode("span", { "class": "k-approval-dialog-required-hint" }, [ad.required])
 				]),
 				createVNode("div", { "class": "k-approval-dialog-footer" }, [createVNode(KButton_default, {
-					"text": "取消",
+					"text": ad.cancel,
 					"onClick": close
 				}, null), createVNode(KButton_default, {
-					"type": cfg.btnType,
-					"text": props.loading ? "处理中..." : cfg.confirmText,
+					"type": BTN_TYPE[props.type],
+					"text": props.loading ? ad.processing : confirmMap[props.type],
 					"disabled": !canConfirm(),
 					"loading": props.loading,
 					"onClick": confirm
@@ -11177,7 +11751,7 @@ function useFormPage(options) {
 		}
 		if (field.required) {
 			if (value === void 0 || value === null || value === "") {
-				const msg = `请输入${field.label}`;
+				const msg = getActiveLocaleMessages().form.inputPlaceholder(field.label);
 				errors.value[param] = msg;
 				return msg;
 			}
@@ -11251,6 +11825,7 @@ function useFormPage(options) {
 * @param slots        组件 slots，用于支持 `field-{param}` 自定义插槽
 */
 function renderFormField(field, formData, errors, validateField, slots) {
+	const t = getActiveLocaleMessages();
 	const customSlot = slots[`field-${field.param}`];
 	if (customSlot) return customSlot({
 		formData,
@@ -11269,7 +11844,7 @@ function renderFormField(field, formData, errors, validateField, slots) {
 				field.disabled && "k-fp-input--disabled"
 			].filter(Boolean),
 			"modelValue": val,
-			"placeholder": field.placeholder ?? `请输入${field.label}`,
+			"placeholder": field.placeholder ?? t.form.inputPlaceholder(field.label),
 			"disabled": field.disabled,
 			"readonly": field.readonly,
 			"onUpdate:modelValue": (v) => {
@@ -11287,7 +11862,7 @@ function renderFormField(field, formData, errors, validateField, slots) {
 					field.disabled && "k-fp-input--disabled"
 				].filter(Boolean),
 				"modelValue": val,
-				"placeholder": field.placeholder ?? `请输入${field.label}`,
+				"placeholder": field.placeholder ?? t.form.inputPlaceholder(field.label),
 				"disabled": field.disabled,
 				"readonly": field.readonly,
 				"onUpdate:modelValue": (v) => {
@@ -11303,7 +11878,7 @@ function renderFormField(field, formData, errors, validateField, slots) {
 			"options": field.options ?? [],
 			"optionParam": "label",
 			"valueParam": "value",
-			"placeholder": field.placeholder ?? `请选择${field.label}`,
+			"placeholder": field.placeholder ?? t.form.selectPlaceholder(field.label),
 			"disabled": field.disabled,
 			"readonly": field.readonly,
 			"onUpdate:modelValue": (v) => {
@@ -11326,7 +11901,7 @@ function renderFormField(field, formData, errors, validateField, slots) {
 				field.disabled && "k-fp-input--disabled"
 			].filter(Boolean),
 			"modelValue": val,
-			"placeholder": field.placeholder ?? `请输入${field.label}`,
+			"placeholder": field.placeholder ?? t.form.inputPlaceholder(field.label),
 			"disabled": field.disabled,
 			"readonly": field.readonly,
 			"onUpdate:modelValue": (v) => {
@@ -11356,6 +11931,7 @@ var KFormPage_default = /* @__PURE__ */ defineComponent({
 		required: true
 	} },
 	setup(props, { slots }) {
+		const t = useLocale();
 		const { formData, isEdit, loading, submitting, errors, validateField, submit, saveDraft, goBack } = useFormPage({
 			api: props.config.api,
 			fields: props.config.fields,
@@ -11364,8 +11940,8 @@ var KFormPage_default = /* @__PURE__ */ defineComponent({
 		});
 		const cols = props.config.columns ?? 2;
 		return () => {
-			if (loading.value) return createVNode("div", { "class": "k-fp-loading" }, [createTextVNode("加载中...")]);
-			const title = isEdit.value ? `编辑${props.config.title}` : `新建${props.config.title}`;
+			if (loading.value) return createVNode("div", { "class": "k-fp-loading" }, [t.value.formPage.loading]);
+			const title = isEdit.value ? t.value.formPage.editTitle(props.config.title) : t.value.formPage.createTitle(props.config.title);
 			return createVNode("div", { "class": "k-form-page-wrapper" }, [createVNode("div", { "class": "k-form-page" }, [
 				createVNode("div", { "class": "k-fp-header" }, [createVNode("div", { "class": "k-fp-header-left" }, [createVNode(KButton_default, {
 					"text": "←",
@@ -11395,17 +11971,17 @@ var KFormPage_default = /* @__PURE__ */ defineComponent({
 				submitting
 			}) ?? createVNode(Fragment, null, [
 				createVNode(KButton_default, {
-					"text": "取消",
+					"text": t.value.formPage.cancel,
 					"onClick": goBack
 				}, null),
 				props.config.showDraft && createVNode(KButton_default, {
-					"text": "保存草稿",
+					"text": t.value.formPage.saveDraft,
 					"disabled": submitting.value,
 					"onClick": () => saveDraft()
 				}, null),
 				createVNode(KButton_default, {
 					"type": "primary",
-					"text": submitting.value ? "保存中..." : props.config.submitText ?? "保存",
+					"text": submitting.value ? t.value.formPage.saving : props.config.submitText ?? t.value.formPage.save,
 					"disabled": submitting.value,
 					"loading": submitting.value,
 					"onClick": () => submit()
@@ -11459,11 +12035,11 @@ var KEditableTable_default = /* @__PURE__ */ defineComponent({
 		},
 		summaryLabel: {
 			type: String,
-			default: "合计"
+			default: void 0
 		},
 		addText: {
 			type: String,
-			default: "+ 添加行"
+			default: void 0
 		},
 		addable: {
 			type: Boolean,
@@ -11480,6 +12056,7 @@ var KEditableTable_default = /* @__PURE__ */ defineComponent({
 		"remove"
 	],
 	setup(props, { emit, slots }) {
+		const t = useLocale();
 		const deletingId = ref(null);
 		const updateCell = (rowIdx, param, value) => {
 			const rows = [...props.modelValue];
@@ -11552,7 +12129,7 @@ var KEditableTable_default = /* @__PURE__ */ defineComponent({
 			return createVNode("div", { "class": "k-editable-table" }, [
 				(props.title || slots.header) && createVNode("div", { "class": "k-et-header" }, [createVNode("div", { "class": "k-et-header-left" }, [props.title && createVNode("span", { "class": "k-et-title" }, [props.title]), rows.length > 0 && createVNode("span", { "class": "k-et-count" }, [rows.length, createTextVNode(" items")])]), createVNode("div", { "class": "k-et-header-right" }, [slots.headerExtra?.(), props.addable && createVNode(KButton_default, {
 					"plain": true,
-					"text": props.addText,
+					"text": props.addText ?? t.value.editableTable.addRow,
 					"onClick": addRow
 				}, null)])]),
 				createVNode("table", { "class": "k-et-table" }, [
@@ -11574,17 +12151,17 @@ var KEditableTable_default = /* @__PURE__ */ defineComponent({
 							"colspan": cols.length + (props.showActions ? 1 : 0)
 						}, [createVNode("span", { "class": "k-et-delete-confirm" }, [
 							createVNode("s", { "class": "k-et-deleted-text" }, [row[cols[0].param] ?? ""]),
-							createVNode("span", { "class": "k-et-delete-ask" }, [createTextVNode("确定删除这一行？")]),
+							createVNode("span", { "class": "k-et-delete-ask" }, [t.value.editableTable.confirmDelete]),
 							createVNode(KButton_default, {
 								"type": "danger",
 								"size": "small",
-								"text": "删除",
+								"text": t.value.editableTable.delete,
 								"onClick": confirmDelete
 							}, null),
 							createVNode(KButton_default, {
 								"plain": true,
 								"size": "small",
-								"text": "取消",
+								"text": t.value.editableTable.cancel,
 								"onClick": cancelDelete
 							}, null)
 						])])]);
@@ -11610,13 +12187,13 @@ var KEditableTable_default = /* @__PURE__ */ defineComponent({
 						cols.map((col, ci) => createVNode("td", {
 							"key": col.param,
 							"class": ["k-et-td k-et-td-summary", col.align && `k-et-align-${col.align}`]
-						}, [ci === 0 ? props.summaryLabel : "", col.summary ? createVNode("span", { "class": "k-et-summary-value" }, [props.currencyPrefix && col.summaryFormat === void 0 && ci === cols.length - 1 ? `${props.currencyPrefix} ` : "", getSummary(col)]) : ""])),
+						}, [ci === 0 ? props.summaryLabel ?? t.value.editableTable.summary : "", col.summary ? createVNode("span", { "class": "k-et-summary-value" }, [props.currencyPrefix && col.summaryFormat === void 0 && ci === cols.length - 1 ? `${props.currencyPrefix} ` : "", getSummary(col)]) : ""])),
 						props.showActions && createVNode("td", { "class": "k-et-td" }, null)
 					])])
 				]),
-				isEmpty && createVNode("div", { "class": "k-et-empty" }, [slots.empty?.() ?? createVNode(Fragment, null, [createVNode("span", { "class": "k-et-empty-text" }, [createTextVNode("暂无数据")]), props.addable && createVNode(KButton_default, {
+				isEmpty && createVNode("div", { "class": "k-et-empty" }, [slots.empty?.() ?? createVNode(Fragment, null, [createVNode("span", { "class": "k-et-empty-text" }, [t.value.editableTable.noData]), props.addable && createVNode(KButton_default, {
 					"type": "primary",
-					"text": "添加第一行",
+					"text": t.value.editableTable.addFirstRow,
 					"onClick": addRow
 				}, null)])])
 			]);
@@ -11644,6 +12221,7 @@ var KMasterDetailPage_default = /* @__PURE__ */ defineComponent({
 	} },
 	setup(props, { slots }) {
 		const router = useRouter();
+		const t = useLocale();
 		const { formData, isEdit, loading, submitting, errors, validateField, submit, saveDraft, goBack } = useFormPage({
 			api: props.config.api,
 			fields: props.config.fields,
@@ -11670,8 +12248,8 @@ var KMasterDetailPage_default = /* @__PURE__ */ defineComponent({
 			formData[param] = newRows;
 		};
 		return () => {
-			if (loading.value) return createVNode("div", { "class": "k-fp-loading" }, [createTextVNode("加载中...")]);
-			const title = isEdit.value ? `${props.config.title}` : `新建${props.config.title}`;
+			if (loading.value) return createVNode("div", { "class": "k-fp-loading" }, [t.value.formPage.loading]);
+			const title = isEdit.value ? `${props.config.title}` : t.value.formPage.createTitle(props.config.title);
 			return createVNode("div", { "class": "k-form-page k-master-detail-page" }, [
 				createVNode("div", { "class": "k-fp-header" }, [createVNode("div", { "class": "k-fp-header-left" }, [props.config.breadcrumb ? createVNode("div", { "class": "k-fp-breadcrumb" }, [props.config.breadcrumb.map((item, i) => createVNode(Fragment, null, [i > 0 && createVNode("span", { "class": "k-fp-breadcrumb-sep" }, [createTextVNode("›")]), item.path ? createVNode("a", {
 					"class": "k-fp-breadcrumb-link",
@@ -11680,7 +12258,7 @@ var KMasterDetailPage_default = /* @__PURE__ */ defineComponent({
 					"text": "←",
 					"onClick": goBack
 				}, null), createVNode("h1", { "class": "k-fp-title" }, [title])])]), createVNode("div", { "class": "k-fp-header-right" }, [slots.headerExtra?.({ formData })])]),
-				createVNode(KFormCard_default, { "title": "基本信息" }, { default: () => createVNode("div", { "class": `k-fp-grid k-fp-grid--${cols}` }, [props.config.fields.map((field) => {
+				createVNode(KFormCard_default, { "title": t.value.formPage.basicInfo }, { default: () => createVNode("div", { "class": `k-fp-grid k-fp-grid--${cols}` }, [props.config.fields.map((field) => {
 					const span = field.span === "full" ? cols : field.span ?? 1;
 					return createVNode("div", {
 						"key": field.param,
@@ -11718,17 +12296,17 @@ var KMasterDetailPage_default = /* @__PURE__ */ defineComponent({
 					submitting
 				}) ?? createVNode(Fragment, null, [
 					createVNode(KButton_default, {
-						"text": "取消",
+						"text": t.value.formPage.cancel,
 						"onClick": goBack
 					}, null),
 					props.config.showDraft && createVNode(KButton_default, {
-						"text": "保存草稿",
+						"text": t.value.formPage.saveDraft,
 						"disabled": submitting.value,
 						"onClick": () => saveDraft()
 					}, null),
 					createVNode(KButton_default, {
 						"type": "primary",
-						"text": submitting.value ? "保存中..." : props.config.submitText ?? "提交",
+						"text": submitting.value ? t.value.formPage.saving : props.config.submitText ?? t.value.formPage.submit,
 						"disabled": submitting.value,
 						"loading": submitting.value,
 						"onClick": () => submit()