@koishi-ce/client 1.0.3 → 1.0.4

package/app/home/welcome.vue

@@ -45,12 +45,18 @@ const { t, setLocaleMessage } = useI18n({
 
 // 开发模式下 yml 文案改动即时热替换，无需整页刷新
 if (import.meta.hot) {
-	import.meta.hot.accept("./welcome.zh-CN.yml", (module) => {
-		setLocaleMessage("zh-CN", module.default);
-	});
-	import.meta.hot.accept("./welcome.en-US.yml", (module) => {
-		setLocaleMessage("en-US", module.default);
-	});
+	import.meta.hot.accept(
+		"./welcome.zh-CN.yml",
+		(module) => {
+			setLocaleMessage("zh-CN", module.default);
+		},
+	);
+	import.meta.hot.accept(
+		"./welcome.en-US.yml",
+		(module) => {
+			setLocaleMessage("en-US", module.default);
+		},
+	);
 }
 </script>
 

package/app/index.ts

@@ -31,6 +31,12 @@ root.start();
 
 if (!global.static) {
 	// global.static 为真表示纯静态构建（无后端），跳过连接
-	const endpoint = new URL(global.endpoint, location.origin).toString();
-	connect(root, () => new WebSocket(endpoint.replace(/^http/, "ws")));
+	const endpoint = new URL(
+		global.endpoint,
+		location.origin,
+	).toString();
+	connect(
+		root,
+		() => new WebSocket(endpoint.replace(/^http/, "ws")),
+	);
 }

package/app/layout/header.vue

@@ -38,7 +38,10 @@
 </template>
 
 <script lang="ts" setup>
-import { type ActionContext, useMenu } from "@koishi-ce/client";
+import {
+	type ActionContext,
+	useMenu,
+} from "@koishi-ce/client";
 import { useRoute } from "vue-router";
 
 const props = defineProps<{
@@ -50,9 +53,14 @@ const props = defineProps<{
 
 // 溢出菜单按钮的点击触发器：打开 menuKey 对应的上下文菜单
 // （menuKey 为运行期字符串，这里断言为菜单键类型以复用字面量重载）
-const trigger = useMenu(props.menuKey as keyof ActionContext);
-
-defineEmits(["update:isLeftAsideOpen", "update:isRightAsideOpen"]);
+const trigger = useMenu(
+	props.menuKey as keyof ActionContext,
+);
+
+defineEmits([
+	"update:isLeftAsideOpen",
+	"update:isRightAsideOpen",
+]);
 
 const route = useRoute();
 </script>

package/app/layout/layout.vue

@@ -54,7 +54,10 @@
 </template>
 
 <script lang="ts" setup>
-import { type LegacyMenuItem, useContext } from "@koishi-ce/client";
+import {
+	type LegacyMenuItem,
+	useContext,
+} from "@koishi-ce/client";
 import { computed, ref, useSlots } from "vue";
 import { useRoute } from "vue-router";
 import LayoutHeader from "./header.vue";

package/app/layout/menu-item.vue

@@ -54,7 +54,9 @@ const scope = computed(() =>
 function toValue<T>(getter: MaybeGetter<T>): T {
 	if (typeof getter !== "function") return getter;
 	// 收窄到 MaybeGetter 的函数分支（以作用域为参的 getter）
-	return (getter as (current: typeof scope.value) => T)(scope.value);
+	return (getter as (current: typeof scope.value) => T)(
+		scope.value,
+	);
 }
 
 function trigger() {

package/app/settings/settings.vue

@@ -56,10 +56,12 @@ interface Tree {
 }
 
 const data = computed(() =>
-	Object.entries(ctx.internal.settings).map<Tree>(([id, [{ title }]]) => ({
-		id,
-		label: title,
-	})),
+	Object.entries(ctx.internal.settings).map<Tree>(
+		([id, [{ title }]]) => ({
+			id,
+			label: title,
+		}),
+	),
 );
 
 function handleClick(tree: Tree) {

package/app/settings/theme.vue

@@ -35,7 +35,10 @@
 
 <script setup lang="ts">
 import { useContext, useI18nText } from "@koishi-ce/client";
-import { type Schema, SchemaBase } from "@koishi-ce/components";
+import {
+	type Schema,
+	SchemaBase,
+} from "@koishi-ce/components";
 import { computed, type PropType } from "vue";
 
 defineProps({

package/app/status/loading.vue

@@ -22,6 +22,9 @@ const ctx = useContext();
 
 const progress = computed(() => {
 	const states = Object.values(ctx.$loader.extensions);
-	return states.filter((state) => state.done.value).length / states.length;
+	return (
+		states.filter((state) => state.done.value).length /
+		states.length
+	);
 });
 </script>

package/app/theme/activity/button.vue

@@ -33,7 +33,10 @@ const isDragging = ref(false);
 function handleDragStart(event: DragEvent) {
 	isDragging.value = true;
 	// 约定的拖拽协议：以 "activity:" 前缀 + 活动 id 标识被拖动的活动项
-	event.dataTransfer.setData("text/plain", `activity:${props.data.id}`);
+	event.dataTransfer.setData(
+		"text/plain",
+		`activity:${props.data.id}`,
+	);
 }
 
 function handleDragEnd(event: DragEvent) {

package/app/theme/activity/index.vue

@@ -72,7 +72,9 @@ const groups = computed(() => {
 			delete available[id];
 		}
 	}
-	const list = Object.values(available).sort(([a], [b]) => a.order - b.order);
+	const list = Object.values(available).sort(
+		([a], [b]) => a.order - b.order,
+	);
 	// 放不下时：从头部取出溢出项折叠成一个组，top 位优先、同位再按 order 排，
 	// 并以 "..." 图标作为该组的展示入口
 	if (list.length * unit > total) {
@@ -86,11 +88,17 @@ const groups = computed(() => {
 				return scale;
 			})
 			.flat();
-		hidden.unshift({ icon: "activity:ellipsis" } as Activity);
+		hidden.unshift({
+			icon: "activity:ellipsis",
+		} as Activity);
 	}
 	// top 区按 order 逆序输出（order 大者靠上），bottom 区保持正序
-	const top = list.filter(([data]) => data.position !== "bottom").reverse();
-	const bottom = list.filter(([data]) => data.position === "bottom");
+	const top = list
+		.filter(([data]) => data.position !== "bottom")
+		.reverse();
+	const bottom = list.filter(
+		([data]) => data.position === "bottom",
+	);
 	return { top, bottom, hidden };
 });
 

package/app/theme/activity/item.vue

@@ -38,7 +38,11 @@
 </template>
 
 <script lang="ts" setup>
-import { type Activity, useConfig, useMenu } from "@koishi-ce/client";
+import {
+	type Activity,
+	useConfig,
+	useMenu,
+} from "@koishi-ce/client";
 import type { Placement } from "element-plus";
 import { computed, ref, watch } from "vue";
 import { useRoute } from "vue-router";
@@ -84,13 +88,23 @@ const config = useConfig();
 
 // 原型链保留键：这类键在普通对象上会触发原型链存取器，禁止作为配置键读写
 // （id 来自拖拽事件的 dataTransfer 文本，属外部输入）
-const UNSAFE_KEYS = new Set(["__proto__", "constructor", "prototype"]);
+const UNSAFE_KEYS = new Set([
+	"__proto__",
+	"constructor",
+	"prototype",
+]);
 
 /** 取某活动的覆盖配置（不存在则创建）；保留键返回一次性空对象，防原型污染。
  * 守卫须用显式字符串比较（Set.has 形式 CodeQL 无法识别为阻断） */
-function ensureOverride(id: string): Record<string, unknown> {
+function ensureOverride(
+	id: string,
+): Record<string, unknown> {
 	const activities = (config.value.activities ??= {});
-	if (id === "__proto__" || id === "constructor" || id === "prototype") {
+	if (
+		id === "__proto__" ||
+		id === "constructor" ||
+		id === "prototype"
+	) {
 		return {};
 	}
 	return (activities[id] ??= {});

package/app/theme/activity/separator.vue

@@ -18,7 +18,11 @@
 </template>
 
 <script lang="ts" setup>
-import { type Activity, useConfig, useContext } from "@koishi-ce/client";
+import {
+	type Activity,
+	useConfig,
+	useContext,
+} from "@koishi-ce/client";
 import { type ComputedRef, inject, ref } from "vue";
 
 type Position = "top" | "bottom";
@@ -28,7 +32,9 @@ const props = defineProps<{
 	position: Position;
 }>();
 
-const groups = inject("groups") as ComputedRef<Record<Position, Activity[][]>>;
+const groups = inject("groups") as ComputedRef<
+	Record<Position, Activity[][]>
+>;
 
 const hasDragOver = ref(false);
 
@@ -45,13 +51,23 @@ const ctx = useContext();
 
 // 原型链保留键：这类键在普通对象上会触发原型链存取器，禁止作为配置键读写
 // （id 来自拖拽事件的 dataTransfer 文本，属外部输入）
-const UNSAFE_KEYS = new Set(["__proto__", "constructor", "prototype"]);
+const UNSAFE_KEYS = new Set([
+	"__proto__",
+	"constructor",
+	"prototype",
+]);
 
 /** 取某活动的覆盖配置（不存在则创建）；保留键返回一次性空对象，防原型污染。
  * 守卫须用显式字符串比较（Set.has 形式 CodeQL 无法识别为阻断） */
-function ensureOverride(id: string): Record<string, unknown> {
+function ensureOverride(
+	id: string,
+): Record<string, unknown> {
 	const activities = (config.value.activities ??= {});
-	if (id === "__proto__" || id === "constructor" || id === "prototype") {
+	if (
+		id === "__proto__" ||
+		id === "constructor" ||
+		id === "prototype"
+	) {
 		return {};
 	}
 	return (activities[id] ??= {});
@@ -63,7 +79,9 @@ function handleDrop(event: DragEvent) {
 	// 只响应活动栏自身的拖拽协议
 	if (!text.startsWith("activity:")) return;
 	const id = text.slice(9);
-	const list = groups.value[props.position].map(([item]) => item);
+	const list = groups.value[props.position].map(
+		([item]) => item,
+	);
 	const oldIndex = list.findIndex((item) => item.id === id);
 	// 落点即原位（含紧邻原位的前一格）时无需移动
 	if (
@@ -99,10 +117,12 @@ function handleDrop(event: DragEvent) {
 	// 介于两锚点之间的项按线性插值重算 order；
 	// 只有一侧锚点时按步长 100 单向递增 / 递减；两侧都没有则恢复默认
 	const anchorL = list.findLastIndex(
-		(item, i) => i < index && item.order === item.options.order,
+		(item, i) =>
+			i < index && item.order === item.options.order,
 	);
 	const anchorR = list.findIndex(
-		(item, i) => i > index && item.order === item.options.order,
+		(item, i) =>
+			i > index && item.order === item.options.order,
 	);
 	if (anchorL === -1) {
 		if (anchorR === -1) {
@@ -117,24 +137,36 @@ function handleDrop(event: DragEvent) {
 	} else {
 		if (anchorR === -1) {
 			let order = list[anchorL].options.order;
-			for (let index = anchorL + 1; index < list.length; index++) {
+			for (
+				let index = anchorL + 1;
+				index < list.length;
+				index++
+			) {
 				const override = ensureOverride(list[index].id);
 				override.order = order -= 100;
 			}
 		} else {
 			let orderL = list[anchorL].options.order;
 			let orderR = list[anchorR].options.order;
-			for (let index = anchorL + 1; index < anchorR; index++) {
+			for (
+				let index = anchorL + 1;
+				index < anchorR;
+				index++
+			) {
 				const override = ensureOverride(list[index].id);
 				override.order =
 					orderL +
-					((orderR - orderL) * (index - anchorL)) / (anchorR - anchorL);
+					((orderR - orderL) * (index - anchorL)) /
+						(anchorR - anchorL);
 			}
 		}
 	}
 
 	// 覆盖配置为空对象时删除该键，避免残留无意义的配置项
-	if (!Object.keys(override).length && !UNSAFE_KEYS.has(id)) {
+	if (
+		!Object.keys(override).length &&
+		!UNSAFE_KEYS.has(id)
+	) {
 		delete config.value.activities[id];
 	}
 }

package/app/theme/index.ts

@@ -8,7 +8,11 @@
  * - 注册活动栏右键菜单 "theme.activity" 及其动作（重置活动栏自定义配置）。
  */
 
-import { type Context, router, useConfig } from "@koishi-ce/client";
+import {
+	type Context,
+	router,
+	useConfig,
+} from "@koishi-ce/client";
 import App from "./index.vue";
 
 export default function (ctx: Context) {

package/app/theme/index.vue

@@ -33,6 +33,8 @@ const route = useRoute();
 // 否则要求 meta.activity.fields 中每个 store 字段都有数据
 const loaded = computed(() => {
 	if (!route.meta.activity?.fields) return true;
-	return route.meta.activity.fields.every((key) => store[key]);
+	return route.meta.activity.fields.every(
+		(key) => store[key],
+	);
 });
 </script>

package/app/theme/menu/menu-item.vue

@@ -21,7 +21,11 @@
 </template>
 
 <script lang="ts" setup>
-import { type MaybeGetter, type MenuItem, useContext } from "@koishi-ce/client";
+import {
+	type MaybeGetter,
+	type MenuItem,
+	useContext,
+} from "@koishi-ce/client";
 import { computed } from "vue";
 
 const props = defineProps<MenuItem & { prefix: string }>();
@@ -55,8 +59,10 @@ const icon = computed(() => toValue(props.icon));
 function toValue<T>(getter: MaybeGetter<T>): T {
 	if (typeof getter !== "function") return getter;
 	// 收窄到 MaybeGetter 的函数分支（以作用域为参的 getter）
-	return (getter as (current: ReturnType<typeof ctx.$action.createScope>) => T)(
-		ctx.$action.createScope(),
-	);
+	return (
+		getter as (
+			current: ReturnType<typeof ctx.$action.createScope>,
+		) => T
+	)(ctx.$action.createScope());
 }
 </script>

package/app/theme/menu/menu.vue

@@ -17,7 +17,10 @@
 </template>
 
 <script lang="ts" setup>
-import { type ActiveMenu, useContext } from "@koishi-ce/client";
+import {
+	type ActiveMenu,
+	useContext,
+} from "@koishi-ce/client";
 import { ref } from "vue";
 import MenuItem from "./menu-item.vue";
 
@@ -31,9 +34,11 @@ const el = ref<HTMLElement>();
 // 结合菜单自身渲染后的实际宽高计算定位；尚未挂载时先隐藏避免闪烁
 const getStyle = () => {
 	if (!el.value) return { visibility: "hidden" };
-	const { height, width } = el.value.getBoundingClientRect();
-	const style: Partial<Record<"top" | "right" | "bottom" | "left", string>> =
-		{};
+	const { height, width } =
+		el.value.getBoundingClientRect();
+	const style: Partial<
+		Record<"top" | "right" | "bottom" | "left", string>
+	> = {};
 	if (props.relative.right + width > window.innerWidth) {
 		style.right = `${window.innerWidth - props.relative.left}px`;
 	} else {

package/client/components/chat/overlay.vue

@@ -42,7 +42,13 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import {
+	computed,
+	onBeforeUnmount,
+	onMounted,
+	ref,
+	watch,
+} from "vue";
 import { shared } from "./utils";
 
 // 用户手动调整的缩放与旋转量（复原即回到 1 / 0）
@@ -58,7 +64,9 @@ const transform = computed(() => {
 const siblings = computed(() => {
 	if (!shared.overlayImage) return;
 	const elements = Array.from(
-		document.querySelectorAll<HTMLImageElement>(".chat-image"),
+		document.querySelectorAll<HTMLImageElement>(
+			".chat-image",
+		),
 	);
 	const index = elements.indexOf(shared.overlayImage);
 	return {
@@ -69,10 +77,15 @@ const siblings = computed(() => {
 
 // 初始（适配屏幕）缩放比：按视口剩余空间把图片等比缩小，不放大
 const defaultScale = computed(() => {
-	const { naturalHeight, naturalWidth } = shared.overlayImage;
+	const { naturalHeight, naturalWidth } =
+		shared.overlayImage;
 	const maxHeight = innerHeight - paddingVertical * 2;
 	const maxWidth = innerWidth - paddingHorizontal * 2;
-	return Math.min(1, maxHeight / naturalHeight, maxWidth / naturalWidth);
+	return Math.min(
+		1,
+		maxHeight / naturalHeight,
+		maxWidth / naturalWidth,
+	);
 });
 
 // 切换/关闭查看器时重置手动缩放与旋转；
@@ -96,7 +109,10 @@ function setImage(el: HTMLImageElement) {
 }
 
 /** 把大图元素摆到原图片所在的位置与尺寸（关闭时的"飞回"动画终点） */
-function moveToOrigin(el: HTMLImageElement, origin = shared.overlayImage) {
+function moveToOrigin(
+	el: HTMLImageElement,
+	origin = shared.overlayImage,
+) {
 	const { height, width } = origin;
 	const { left, top } = origin.getBoundingClientRect();
 	el.style.width = `${width}px`;
@@ -112,7 +128,8 @@ const paddingHorizontal = 0;
 
 /** 把图片按适配缩放比居中摆放到视口中央 */
 function moveToCenter(el: HTMLImageElement) {
-	const { naturalHeight, naturalWidth } = shared.overlayImage;
+	const { naturalHeight, naturalWidth } =
+		shared.overlayImage;
 	const scale = defaultScale.value;
 	const width = naturalWidth * scale;
 	const height = naturalHeight * scale;
@@ -136,13 +153,18 @@ function onKeyDown(ev: KeyboardEvent) {
 	ev.preventDefault();
 	if (ev.key === "ArrowUp" || ev.key === "ArrowLeft") {
 		setImage(siblings.value.prev);
-	} else if (ev.key === "ArrowDown" || ev.key === "ArrowRight") {
+	} else if (
+		ev.key === "ArrowDown" ||
+		ev.key === "ArrowRight"
+	) {
 		setImage(siblings.value.next);
 	} else if (ev.key === "Escape") {
 		setImage(null);
 	} else if (ev.key === "Enter") {
 		// 关闭并把页面滚动到原图所在位置，便于继续浏览消息
-		shared.overlayImage.offsetParent.scrollIntoView({ behavior: "smooth" });
+		shared.overlayImage.offsetParent.scrollIntoView({
+			behavior: "smooth",
+		});
 		setImage(null);
 	}
 }

package/client/components/common/k-hint.vue

@@ -32,7 +32,9 @@ const props = defineProps({
 const emit = defineEmits(["update:modelValue"]);
 
 // modelValue 被显式传入时才呈现手型光标并响应点击（开关语义）
-const pointer = computed(() => props.modelValue !== undefined);
+const pointer = computed(
+	() => props.modelValue !== undefined,
+);
 
 function onClick() {
 	if (!pointer.value) return;

package/client/components/dynamic.vue

@@ -58,7 +58,8 @@ defineEmits(["update:modelValue"]);
 // 按本地 schema 标注的名称，从服务端下发的 schema 仓库中取出完整定义；
 // 元信息做一层合并，保留本地的 meta 覆盖权
 const inner = computed(() => {
-	const hydrated = store.schema?.[props.schema?.meta.extra?.name];
+	const hydrated =
+		store.schema?.[props.schema?.meta.extra?.name];
 	return hydrated && new Schema(hydrated);
 });
 </script>

package/client/components/icons/index.ts

@@ -116,7 +116,10 @@ register("undo", Undo);
 register("user", User);
 
 /** 向注册表登记一个图标（markRaw 避免组件被响应式代理） */
-export function register(name: string, component: Component) {
+export function register(
+	name: string,
+	component: Component,
+) {
 	registry[name] = markRaw(component);
 }
 
@@ -129,7 +132,9 @@ export function install(app: App) {
 				name: String,
 			},
 			render(props: { name?: string }) {
-				const component = props.name ? registry[props.name] : undefined;
+				const component = props.name
+					? registry[props.name]
+					: undefined;
 				return component && h(component);
 			},
 		}),

package/client/components/index.ts

@@ -15,10 +15,16 @@
 // 无法解析(无 paths),故直接相对导入工作区内该包的浏览器端入口,
 // 与构建器 collectWorkspaceAliases 的映射目标一致
 
-import Element, { ElLoading, ElMessage, ElMessageBox } from "element-plus";
+import Element, {
+	ElLoading,
+	ElMessage,
+	ElMessageBox,
+} from "element-plus";
 import Markdown from "marked-vue";
 import type { App } from "vue";
-import components, { SchemaBase } from "../../../components/client/index.ts";
+import components, {
+	SchemaBase,
+} from "../../../components/client/index.ts";
 
 import { store } from "../data";
 import ChatImage from "./chat/image.vue";

package/client/components/link.ts

@@ -21,7 +21,9 @@ const KActivityLink = defineComponent({
 	setup(props, { slots }) {
 		const ctx = useContext();
 		return () => {
-			const activity = props.id ? ctx.$router.pages[props.id] : undefined;
+			const activity = props.id
+				? ctx.$router.pages[props.id]
+				: undefined;
 			return h(
 				RouterLink,
 				{
@@ -30,7 +32,8 @@ const KActivityLink = defineComponent({
 						activity?.path.replace(/:.+/, "")) as string,
 				},
 				{
-					default: () => slots["default"]?.() ?? activity?.name,
+					default: () =>
+						slots["default"]?.() ?? activity?.name,
 				},
 			);
 		};

package/client/components/perms.vue

@@ -32,7 +32,10 @@
 // schemastery-vue 链接(它是 components 的依赖,Bun 隔离布局下不跨包可见)
 
 import { store } from "@koishi-ce/client";
-import { type Schema, SchemaBase } from "@koishi-ce/components";
+import {
+	type Schema,
+	SchemaBase,
+} from "@koishi-ce/components";
 import type { CascaderOption } from "element-plus";
 import { computed, type PropType } from "vue";
 
@@ -53,15 +56,29 @@ const config = SchemaBase.useModel();
  * 逐段查找/创建级联节点；中间段（还有下级时）标记为 disabled，
  * 因为 el-cascader 的父节点勾选会影响子级，而中间段并非真实权限。
  */
-function addNode(nodes: CascaderOption[], path: string[], prefix = "") {
+function addNode(
+	nodes: CascaderOption[],
+	path: string[],
+	prefix = "",
+) {
 	const name = path.shift();
-	let node = nodes.find((node) => node.value === prefix + name);
+	let node = nodes.find(
+		(node) => node.value === prefix + name,
+	);
 	if (!node) {
-		node = { value: prefix + name, label: name, disabled: !!path.length };
+		node = {
+			value: prefix + name,
+			label: name,
+			disabled: !!path.length,
+		};
 		nodes.push(node);
 	}
 	if (!path.length) return;
-	addNode((node.children ||= []), path, `${prefix + name}:`);
+	addNode(
+		(node.children ||= []),
+		path,
+		`${prefix + name}:`,
+	);
 }
 
 // 由全部权限名构建级联选项树