create-windy 0.2.32 → 0.2.34

package/template/apps/web/src/composables/useWatermarkSettings.ts

@@ -10,8 +10,8 @@ import {
   type PlatformWatermarkPolicy,
 } from "@southwind-ai/shared";
 import {
-  defaultWatermarkContent,
   normalizeWatermarkPolicy,
+  watermarkContent,
 } from "./watermark-settings";
 
 const policy = shallowRef<PlatformWatermarkPolicy>({
@@ -26,8 +26,12 @@ let pending: Promise<PlatformWatermarkPolicy> | undefined;
 export function useWatermarkSettings(
   actor: Readonly<Ref<WebAccessActor | undefined>>,
 ) {
-  const content = computed(
-    () => policy.value.customContent || defaultWatermarkContent(actor.value),
+  const content = computed(() =>
+    watermarkContent(
+      actor.value,
+      policy.value.contentFields,
+      policy.value.customContent,
+    ),
   );
 
   return {

package/template/apps/web/src/composables/useWatermarkSettings.webtest.ts

@@ -27,6 +27,8 @@ describe("全局水印策略状态", () => {
     api.loadPublic.mockResolvedValue({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["custom"],
       customContent: "全局审计",
     });
     const { useWatermarkSettings } = await import("./useWatermarkSettings");
@@ -37,6 +39,8 @@ describe("全局水印策略状态", () => {
     expect(watermark.policy.value).toEqual({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["custom"],
       customContent: "全局审计",
     });
     expect(localStorageRead).not.toHaveBeenCalled();
@@ -47,11 +51,15 @@ describe("全局水印策略状态", () => {
     api.loadManaged.mockResolvedValue({
       enabled: true,
       businessPagesEnabled: false,
+      density: "medium",
+      contentFields: ["username", "displayName"],
       customContent: "",
     });
     api.update.mockResolvedValue({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["username", "custom"],
       customContent: "  内部资料  ",
     });
     const { useWatermarkSettings } = await import("./useWatermarkSettings");
@@ -69,17 +77,23 @@ describe("全局水印策略状态", () => {
     await first.save({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["username", "custom"],
       customContent: "内部资料",
     });
 
     expect(api.update).toHaveBeenCalledWith({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["username", "custom"],
       customContent: "内部资料",
     });
     expect(second.policy.value).toEqual({
       enabled: true,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["username", "custom"],
       customContent: "内部资料",
     });
   });

package/template/apps/web/src/composables/watermark-settings.ts

@@ -1,25 +1,147 @@
 import type { WebAccessActor } from "@/layout/navigation";
-import type { PlatformWatermarkPolicy } from "@southwind-ai/shared";
+import {
+  DEFAULT_PLATFORM_WATERMARK_POLICY,
+  WATERMARK_CONTENT_FIELDS,
+  WATERMARK_DENSITIES,
+  type PlatformWatermarkPolicy,
+  type WatermarkContentField,
+  type WatermarkDensity,
+} from "@southwind-ai/shared";
 
-export function defaultWatermarkContent(
+const DENSITY_GAPS: Record<
+  WatermarkDensity,
+  { horizontal: number; vertical: number }
+> = {
+  low: { horizontal: 112, vertical: 76 },
+  medium: { horizontal: 72, vertical: 48 },
+  high: { horizontal: 36, vertical: 24 },
+};
+const FONT_SIZE = 14;
+const LINE_HEIGHT = 22;
+const ROTATION_RADIANS = (22 * Math.PI) / 180;
+const MAX_LINE_WEIGHT = 32;
+
+export function watermarkContent(
   actor: WebAccessActor | undefined,
+  contentFields: readonly WatermarkContentField[],
+  customContent: string,
 ): string {
   if (!actor || actor.type === "anonymous") return "";
-  const username = actor.username?.trim() || actor.name.trim();
-  const identity =
-    actor.phone?.trim() ||
-    actor.email?.trim() ||
-    actor.displayName?.trim() ||
-    actor.name.trim();
-  return [...new Set([username, identity].filter(Boolean))].join(" · ");
+  const values: Record<WatermarkContentField, string> = {
+    username: actor.username?.trim() || actor.name.trim(),
+    displayName: actor.displayName?.trim() || actor.name.trim(),
+    phone: actor.phone?.trim() || "",
+    email: actor.email?.trim() || "",
+    custom: customContent.trim(),
+  };
+  const selected = [
+    ...new Set(contentFields.map((field) => values[field]).filter(Boolean)),
+  ];
+  return selected.length > 0
+    ? selected.join(" · ")
+    : actor.username?.trim() || actor.name.trim();
 }
 
 export function normalizeWatermarkPolicy(
   value: PlatformWatermarkPolicy,
 ): PlatformWatermarkPolicy {
+  const density = WATERMARK_DENSITIES.includes(value.density)
+    ? value.density
+    : DEFAULT_PLATFORM_WATERMARK_POLICY.density;
+  const receivedFields = Array.isArray(value.contentFields)
+    ? value.contentFields
+    : DEFAULT_PLATFORM_WATERMARK_POLICY.contentFields;
+  const contentFields = [
+    ...new Set(
+      receivedFields.filter((field) =>
+        WATERMARK_CONTENT_FIELDS.includes(field),
+      ),
+    ),
+  ];
   return {
     enabled: value.enabled,
     businessPagesEnabled: value.businessPagesEnabled,
+    density,
+    contentFields:
+      contentFields.length > 0
+        ? contentFields
+        : [...DEFAULT_PLATFORM_WATERMARK_POLICY.contentFields],
     customContent: value.customContent.trim().slice(0, 80),
   };
 }
+
+export interface WatermarkPattern {
+  image: string;
+  size: string;
+}
+
+export function createWatermarkPattern(
+  content: string,
+  density: WatermarkDensity,
+): WatermarkPattern {
+  const lines = wrapWatermarkContent(content);
+  const textWidth = Math.max(...lines.map(estimatedTextWidth));
+  const textHeight = lines.length * LINE_HEIGHT;
+  const rotatedWidth =
+    textWidth * Math.cos(ROTATION_RADIANS) +
+    textHeight * Math.sin(ROTATION_RADIANS);
+  const rotatedHeight =
+    textWidth * Math.sin(ROTATION_RADIANS) +
+    textHeight * Math.cos(ROTATION_RADIANS);
+  const gap = DENSITY_GAPS[density];
+  const width = Math.ceil(rotatedWidth + gap.horizontal);
+  const height = Math.ceil(rotatedHeight + gap.vertical);
+  const firstLineY = (height - textHeight) / 2 + FONT_SIZE;
+  const tspans = lines
+    .map(
+      (line, index) =>
+        `<tspan x="${width / 2}" y="${firstLineY + index * LINE_HEIGHT}">${escapeXml(line)}</tspan>`,
+    )
+    .join("");
+  const svg =
+    `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">` +
+    `<g transform="rotate(-22 ${width / 2} ${height / 2})">` +
+    `<text text-anchor="middle" font-family="system-ui,sans-serif" font-size="${FONT_SIZE}" font-weight="500" fill="black">${tspans}</text>` +
+    "</g></svg>";
+  return {
+    image: `url("data:image/svg+xml,${encodeURIComponent(svg)}")`,
+    size: `${width}px ${height}px`,
+  };
+}
+
+function wrapWatermarkContent(content: string): string[] {
+  const lines: string[] = [];
+  let current = "";
+  for (const character of content.trim()) {
+    const next = current + character;
+    if (current && textWeight(next) > MAX_LINE_WEIGHT) {
+      lines.push(current.trim());
+      current = character;
+    } else {
+      current = next;
+    }
+  }
+  if (current.trim()) lines.push(current.trim());
+  return lines.length > 0 ? lines : [""];
+}
+
+function estimatedTextWidth(value: string): number {
+  return Math.max(1, textWeight(value)) * (FONT_SIZE * 0.56);
+}
+
+function textWeight(value: string): number {
+  return [...value].reduce(
+    (total, character) =>
+      total + (/[\u2e80-\u9fff\uff00-\uffef]/u.test(character) ? 1.75 : 1),
+    0,
+  );
+}
+
+function escapeXml(value: string): string {
+  return value
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&apos;");
+}

package/template/apps/web/src/composables/watermark-settings.webtest.ts

@@ -1,7 +1,8 @@
 import { describe, expect, test } from "vitest";
 import {
-  defaultWatermarkContent,
+  createWatermarkPattern,
   normalizeWatermarkPolicy,
+  watermarkContent,
 } from "./watermark-settings";
 
 describe("水印设置", () => {
@@ -15,13 +16,74 @@ describe("水印设置", () => {
       roleCodes: [],
       permissionKeys: [],
     };
-    expect(defaultWatermarkContent({ ...base, phone: "13800138000" })).toBe(
-      "zhangsan · 13800138000",
-    );
-    expect(defaultWatermarkContent({ ...base, email: "zs@example.com" })).toBe(
-      "zhangsan · zs@example.com",
+    expect(
+      watermarkContent(
+        { ...base, phone: "13800138000" },
+        ["username", "phone"],
+        "",
+      ),
+    ).toBe("zhangsan · 13800138000");
+    expect(
+      watermarkContent(
+        { ...base, email: "zs@example.com" },
+        ["username", "email"],
+        "",
+      ),
+    ).toBe("zhangsan · zs@example.com");
+    expect(watermarkContent(base, ["username", "displayName"], "")).toBe(
+      "zhangsan · 张三",
     );
-    expect(defaultWatermarkContent(base)).toBe("zhangsan · 张三");
+  });
+
+  test("按勾选顺序组合身份和自定义内容并去重", () => {
+    expect(
+      watermarkContent(
+        {
+          id: "user_1",
+          type: "user",
+          name: "张三",
+          username: "zhangsan",
+          displayName: "张三",
+          roleCodes: [],
+          permissionKeys: [],
+        },
+        ["displayName", "username", "custom"],
+        "内部资料",
+      ),
+    ).toBe("张三 · zhangsan · 内部资料");
+  });
+
+  test("勾选字段在当前账号均为空时仍兜底显示用户名", () => {
+    expect(
+      watermarkContent(
+        {
+          id: "user_1",
+          type: "user",
+          name: "张三",
+          username: "zhangsan",
+          roleCodes: [],
+          permissionKeys: [],
+        },
+        ["phone", "email", "custom"],
+        "",
+      ),
+    ).toBe("zhangsan");
+  });
+
+  test("高密度缩小平铺单元且长内容自动换行以避免相邻水印重叠", () => {
+    const content =
+      "zhangsan · 张三 · 13800138000 · zs@example.com · 内部资料请勿外传";
+    const low = createWatermarkPattern(content, "low");
+    const high = createWatermarkPattern(content, "high");
+    const dimensions = (value: typeof low) =>
+      value.size.match(/\d+/g)!.map(Number);
+
+    expect(dimensions(high)[0]).toBeLessThan(dimensions(low)[0]!);
+    expect(dimensions(high)[1]).toBeLessThan(dimensions(low)[1]!);
+    expect(decodeURIComponent(high.image)).toContain("<tspan");
+    expect(
+      decodeURIComponent(high.image).match(/<tspan/g)?.length,
+    ).toBeGreaterThan(1);
   });
 
   test("服务端策略内容会被规范化后渲染", () => {
@@ -29,11 +91,15 @@ describe("水印设置", () => {
       normalizeWatermarkPolicy({
         enabled: false,
         businessPagesEnabled: true,
+        density: "high",
+        contentFields: ["phone", "phone"],
         customContent: `  ${"x".repeat(100)}  `,
       }),
     ).toEqual({
       enabled: false,
       businessPagesEnabled: true,
+      density: "high",
+      contentFields: ["phone"],
       customContent: "x".repeat(80),
     });
   });

package/template/apps/web/src/layout/GlobalWatermark.layering.webtest.ts

@@ -13,7 +13,9 @@ const state = vi.hoisted(() => {
   const policy = {
     value: {
       enabled: true,
-      businessPagesEnabled: false,
+      businessPagesEnabled: true,
+      density: "medium",
+      contentFields: ["username", "displayName"],
       customContent: "",
     },
   };

package/template/apps/web/src/layout/GlobalWatermark.vue

@@ -1,8 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted } from "vue";
+import { computed, onMounted, type StyleValue } from "vue";
 import { useAuthSession } from "@/composables/useAuthSession";
 import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
 import { useWatermarkSettings } from "@/composables/useWatermarkSettings";
+import { createWatermarkPattern } from "@/composables/watermark-settings";
 import { evaluateWebAccess } from "./navigation";
 
 const props = withDefaults(
@@ -33,6 +34,16 @@ const allowed = computed(() => {
 const scopeEnabled = computed(
   () => props.scope === "admin" || watermark.policy.value.businessPagesEnabled,
 );
+const patternStyle = computed<StyleValue>(() => {
+  const pattern = createWatermarkPattern(
+    watermark.content.value,
+    watermark.policy.value.density,
+  );
+  return {
+    "--watermark-image": pattern.image,
+    "--watermark-size": pattern.size,
+  };
+});
 </script>
 
 <template>
@@ -44,17 +55,19 @@ const scopeEnabled = computed(
         watermark.policy.value.enabled &&
         watermark.content.value
       "
-      class="pointer-events-none fixed inset-0 isolate z-[60] grid transform-gpu grid-cols-3 grid-rows-6 overflow-hidden opacity-[0.075] dark:opacity-[0.11]"
+      class="global-watermark pointer-events-none fixed inset-0 isolate z-[60] transform-gpu bg-foreground opacity-[0.075] dark:opacity-[0.11]"
+      :style="patternStyle"
       aria-hidden="true"
       data-testid="global-watermark"
-    >
-      <span
-        v-for="index in 18"
-        :key="index"
-        class="flex -rotate-[22deg] items-center justify-center whitespace-nowrap px-8 text-sm font-medium text-foreground"
-      >
-        {{ watermark.content.value }}
-      </span>
-    </div>
+    />
   </Teleport>
 </template>
+
+<style scoped>
+.global-watermark {
+  mask-image: var(--watermark-image);
+  mask-size: var(--watermark-size);
+  -webkit-mask-image: var(--watermark-image);
+  -webkit-mask-size: var(--watermark-size);
+}
+</style>

package/template/apps/web/src/layout/GlobalWatermark.webtest.ts

@@ -37,7 +37,9 @@ const state = vi.hoisted(() => ({
   policy: {
     value: {
       enabled: true,
-      businessPagesEnabled: false,
+      businessPagesEnabled: true,
+      density: "medium" as const,
+      contentFields: ["username", "displayName"] as const,
       customContent: "",
     },
   },
@@ -71,7 +73,9 @@ config.global.stubs = {
 beforeEach(() => {
   state.policy.value = {
     enabled: true,
-    businessPagesEnabled: false,
+    businessPagesEnabled: true,
+    density: "medium" as const,
+    contentFields: ["username", "displayName"] as const,
     customContent: "",
   };
 });
@@ -93,30 +97,38 @@ describe("GlobalWatermark", () => {
     ).toBe(false);
   });
 
-  test("业务页面水印默认关闭并由持久化范围开关启用", () => {
+  test("业务页面水印默认开启并可由持久化范围开关关闭", () => {
     const wrapper = mount(GlobalWatermark, {
       props: { scope: "business" },
     });
 
     expect(wrapper.find('[data-testid="global-watermark"]').exists()).toBe(
-      false,
+      true,
     );
     wrapper.unmount();
 
     state.policy.value = {
       ...state.policy.value,
-      businessPagesEnabled: true,
+      businessPagesEnabled: false,
     };
-    const enabledWrapper = mount(GlobalWatermark, {
+    const disabledWrapper = mount(GlobalWatermark, {
       props: { scope: "business" },
     });
 
     expect(
-      enabledWrapper.get('[data-testid="global-watermark"]').text(),
-    ).toContain("zhangsan · 张三");
-    expect(
-      enabledWrapper.get('[data-testid="global-watermark"]').classes(),
-    ).toEqual(
+      disabledWrapper.find('[data-testid="global-watermark"]').exists(),
+    ).toBe(false);
+  });
+
+  test("使用按内容和密度计算的平铺蒙版并保持审计层级", () => {
+    const wrapper = mount(GlobalWatermark, {
+      props: { scope: "business" },
+    });
+    const element = wrapper.get('[data-testid="global-watermark"]');
+
+    expect(element.attributes("style")).toContain("--watermark-image:");
+    expect(element.attributes("style")).toContain("--watermark-size:");
+    expect(element.classes()).toEqual(
       expect.arrayContaining([
         "isolate",
         "z-[60]",
@@ -130,6 +142,8 @@ describe("GlobalWatermark", () => {
     state.policy.value = {
       enabled: true,
       businessPagesEnabled: true,
+      density: "medium",
+      contentFields: ["username", "displayName"],
       customContent: "",
     };
     state.access.value.features[0]!.allowed = false;

package/template/apps/web/src/pages/auth/login-page-extension.ts

@@ -0,0 +1,9 @@
+import type { Component } from "vue";
+
+export type LoginPageComponent = Component;
+
+export function defineLoginPageComponent(
+  component: LoginPageComponent,
+): LoginPageComponent {
+  return component;
+}

package/template/apps/web/src/pages/auth/login-page-extension.webtest.ts

@@ -0,0 +1,10 @@
+import { describe, expect, test } from "vitest";
+import { defineLoginPageComponent } from "./login-page-extension";
+
+describe("登录页组件注册 helper", () => {
+  test("业务组件保持自身 Vue Component 类型与引用", () => {
+    const BusinessLoginPage = { name: "BusinessLoginPage" };
+
+    expect(defineLoginPageComponent(BusinessLoginPage)).toBe(BusinessLoginPage);
+  });
+});

package/template/apps/web/src/pages/settings/WatermarkSettingsSection.vue

@@ -1,14 +1,43 @@
 <script setup lang="ts">
 import { computed, onMounted, shallowRef } from "vue";
 import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
 import { useAccessSnapshot } from "@/composables/useAccessSnapshot";
 import { useAppToast } from "@/composables/useAppToast";
 import { useAuthSession } from "@/composables/useAuthSession";
 import { useWatermarkSettings } from "@/composables/useWatermarkSettings";
 import { evaluateWebAccess } from "@/layout/navigation";
-import { DEFAULT_PLATFORM_WATERMARK_POLICY } from "@southwind-ai/shared";
+import {
+  DEFAULT_PLATFORM_WATERMARK_POLICY,
+  type WatermarkContentField,
+  type WatermarkDensity,
+} from "@southwind-ai/shared";
+
+const densityOptions: { value: WatermarkDensity; label: string }[] = [
+  { value: "low", label: "低" },
+  { value: "medium", label: "中" },
+  { value: "high", label: "高" },
+];
+const contentOptions: {
+  value: WatermarkContentField;
+  label: string;
+  description: string;
+}[] = [
+  { value: "username", label: "用户名", description: "账号登录名" },
+  { value: "displayName", label: "姓名", description: "用户显示姓名" },
+  { value: "phone", label: "手机号", description: "已登记的手机号码" },
+  { value: "email", label: "邮箱", description: "已登记的邮箱地址" },
+  { value: "custom", label: "自定义内容", description: "平台统一文字" },
+];
 
 const auth = useAuthSession();
 const access = useAccessSnapshot();
@@ -18,6 +47,10 @@ const enabled = shallowRef(watermark.policy.value.enabled);
 const businessPagesEnabled = shallowRef(
   watermark.policy.value.businessPagesEnabled,
 );
+const density = shallowRef<WatermarkDensity>(watermark.policy.value.density);
+const contentFields = shallowRef<WatermarkContentField[]>([
+  ...watermark.policy.value.contentFields,
+]);
 const customContent = shallowRef(watermark.policy.value.customContent);
 const saving = shallowRef(false);
 const baseline = shallowRef(serializeForm());
@@ -55,6 +88,8 @@ async function save(): Promise<boolean> {
     await watermark.save({
       enabled: enabled.value,
       businessPagesEnabled: businessPagesEnabled.value,
+      density: density.value,
+      contentFields: contentFields.value,
       customContent: customContent.value,
     });
     applyPolicyToForm();
@@ -74,6 +109,8 @@ function reset() {
   enabled.value = DEFAULT_PLATFORM_WATERMARK_POLICY.enabled;
   businessPagesEnabled.value =
     DEFAULT_PLATFORM_WATERMARK_POLICY.businessPagesEnabled;
+  density.value = DEFAULT_PLATFORM_WATERMARK_POLICY.density;
+  contentFields.value = [...DEFAULT_PLATFORM_WATERMARK_POLICY.contentFields];
   customContent.value = DEFAULT_PLATFORM_WATERMARK_POLICY.customContent;
   toast.success("已恢复为默认值，保存后生效");
 }
@@ -81,6 +118,8 @@ function reset() {
 function applyPolicyToForm() {
   enabled.value = watermark.policy.value.enabled;
   businessPagesEnabled.value = watermark.policy.value.businessPagesEnabled;
+  density.value = watermark.policy.value.density;
+  contentFields.value = [...watermark.policy.value.contentFields];
   customContent.value = watermark.policy.value.customContent;
   baseline.value = serializeForm();
 }
@@ -89,10 +128,24 @@ function serializeForm() {
   return JSON.stringify({
     enabled: enabled.value,
     businessPagesEnabled: businessPagesEnabled.value,
+    density: density.value,
+    contentFields: [...contentFields.value].sort(),
     customContent: customContent.value.trim(),
   });
 }
 
+function toggleContentField(field: WatermarkContentField, checked: boolean) {
+  if (checked) {
+    contentFields.value = [...new Set([...contentFields.value, field])];
+    return;
+  }
+  if (contentFields.value.length === 1) {
+    toast.error("请至少保留一项水印内容");
+    return;
+  }
+  contentFields.value = contentFields.value.filter((value) => value !== field);
+}
+
 defineExpose({
   isDirty: () => isDirty.value,
   save,
@@ -134,15 +187,60 @@ defineExpose({
         />
       </label>
       <label class="grid gap-2 text-sm font-medium">
+        <span>水印密度</span>
+        <Select v-model="density" :disabled="formDisabled || !enabled">
+          <SelectTrigger aria-label="水印密度">
+            <SelectValue placeholder="选择密度" />
+          </SelectTrigger>
+          <SelectContent>
+            <SelectItem
+              v-for="option in densityOptions"
+              :key="option.value"
+              :value="option.value"
+            >
+              {{ option.label }}
+            </SelectItem>
+          </SelectContent>
+        </Select>
+        <span class="text-xs font-normal text-muted-foreground">
+          系统会根据内容长度和密度自动计算安全间距，避免水印重叠。
+        </span>
+      </label>
+      <fieldset class="grid gap-3" :disabled="formDisabled || !enabled">
+        <legend class="mb-1 text-sm font-medium">水印内容</legend>
+        <label
+          v-for="option in contentOptions"
+          :key="option.value"
+          class="flex items-center gap-3 rounded-lg border p-3"
+        >
+          <Checkbox
+            :model-value="contentFields.includes(option.value)"
+            :aria-label="option.label"
+            @update:model-value="
+              toggleContentField(option.value, Boolean($event))
+            "
+          />
+          <span>
+            <span class="block text-sm font-medium">{{ option.label }}</span>
+            <span class="block text-xs text-muted-foreground">
+              {{ option.description }}
+            </span>
+          </span>
+        </label>
+      </fieldset>
+      <label
+        v-if="contentFields.includes('custom')"
+        class="grid gap-2 text-sm font-medium"
+      >
         <span>自定义内容</span>
         <Input
           v-model="customContent"
-          :disabled="formDisabled"
+          :disabled="formDisabled || !enabled"
           maxlength="80"
-          :placeholder="watermark.content.value || '使用各用户的账号信息'"
+          placeholder="例如：内部资料，请勿外传"
         />
         <span class="text-xs font-normal text-muted-foreground">
-          留空时为每位用户自动使用其账号身份；保存后全局生效。
+          最多 80 个字符，与勾选的用户身份内容一同显示。
         </span>
       </label>
       <div v-if="canManage" class="flex justify-end gap-3 border-t pt-5">