create-windy 0.2.33 → 0.3.0

package/template/apps/web/src/pages/system/components/AuditLogFilters.webtest.ts

@@ -1,7 +1,7 @@
 import { flushPromises, mount } from "@vue/test-utils";
 import { describe, expect, test, vi } from "vitest";
-import { Select } from "@/components/ui/select";
 import { Checkbox } from "@/components/ui/checkbox";
+import { Select } from "@/components/ui/select";
 import AuditLogFilters from "./AuditLogFilters.vue";
 
 const api = vi.hoisted(() => ({ list: vi.fn() }));
@@ -13,7 +13,7 @@ vi.mock("@/services/system-api", async () => ({
 }));
 
 describe("审计日志筛选", () => {
-  test("操作者、动作和时间都是选择控件，动作使用稳定中文目录", async () => {
+  test("提交关键字、操作者、动作和本地分钟范围，并原样设置导出选项", async () => {
     api.list.mockResolvedValue({
       items: [
         {
@@ -30,30 +30,67 @@ describe("审计日志筛选", () => {
     await flushPromises();
 
     const selects = wrapper.findAllComponents(Select);
-    expect(selects).toHaveLength(3);
-    expect(wrapper.get('[aria-label="筛选操作者"]')).toBeTruthy();
-    expect(wrapper.get('[aria-label="筛选动作"]')).toBeTruthy();
-    expect(wrapper.get('[aria-label="筛选时间"]')).toBeTruthy();
-
+    expect(selects).toHaveLength(2);
+    await wrapper.get('[aria-label="审计关键字"]').setValue("  案件甲  ");
+    await wrapper
+      .get('[aria-label="审计开始时间"]')
+      .setValue("2026-07-20T09:15");
+    await wrapper
+      .get('[aria-label="审计结束时间"]')
+      .setValue("2026-07-20T10:20");
     selects[0]?.vm.$emit("update:modelValue", "user_1");
     selects[1]?.vm.$emit("update:modelValue", "feature.update");
-    selects[2]?.vm.$emit("update:modelValue", "week");
-    await flushPromises();
+    await wrapper.get("form").trigger("submit");
 
-    const lastChange = wrapper.emitted("change")?.at(-1)?.[0] as
-      | { actorId?: string; action?: string; occurredAfter?: string }
-      | undefined;
-    expect(lastChange).toMatchObject({
+    expect(wrapper.emitted("change")?.at(-1)?.[0]).toEqual({
+      q: "案件甲",
       actorId: "user_1",
       action: "feature.update",
+      occurredAfter: new Date(2026, 6, 20, 9, 15, 0, 0).toISOString(),
+      occurredBefore: new Date(2026, 6, 20, 10, 20, 59, 999).toISOString(),
     });
-    expect(lastChange?.occurredAfter).toMatch(/^\d{4}-\d{2}-\d{2}T/);
 
     wrapper.getComponent(Checkbox).vm.$emit("update:modelValue", true);
     await flushPromises();
     expect(wrapper.emitted("export-options")?.at(-1)?.[0]).toEqual({
       includeScheduler: true,
     });
-    expect(wrapper.text()).toContain("页面列表始终只展示用户与业务操作");
+  });
+
+  test("可单独清空搜索，并可重置全部筛选", async () => {
+    api.list.mockResolvedValue({
+      items: [],
+      total: 0,
+      page: 1,
+      pageSize: 100,
+    });
+    const wrapper = mount(AuditLogFilters);
+    await flushPromises();
+    await wrapper.get('[aria-label="审计关键字"]').setValue("case_1");
+    await wrapper
+      .get('[aria-label="审计开始时间"]')
+      .setValue("2026-07-20T09:15");
+    await wrapper.get('[aria-label="清空审计关键字"]').trigger("click");
+    expect(wrapper.emitted("change")?.at(-1)?.[0]).toMatchObject({
+      q: undefined,
+      occurredAfter: new Date(2026, 6, 20, 9, 15, 0, 0).toISOString(),
+    });
+
+    await wrapper
+      .findAll("button")
+      .find((button) => button.text().includes("重置"))!
+      .trigger("click");
+
+    expect(wrapper.emitted("change")?.at(-1)?.[0]).toEqual({
+      q: undefined,
+      actorId: undefined,
+      action: undefined,
+      occurredAfter: undefined,
+      occurredBefore: undefined,
+    });
+    expect(
+      (wrapper.get('[aria-label="审计关键字"]').element as HTMLInputElement)
+        .value,
+    ).toBe("");
   });
 });

package/template/apps/web/src/pages/system/components/NotificationHistoryDialog.vue

@@ -0,0 +1,129 @@
+<script setup lang="ts">
+import type {
+  NotificationRevision,
+  PageResult,
+  PlatformNotification,
+} from "@southwind-ai/shared";
+import { DEFAULT_PAGE_SIZE } from "@southwind-ai/shared";
+import { shallowRef, watch } from "vue";
+import DataPagination from "@/components/common/DataPagination.vue";
+import ModalBody from "@/components/common/ModalBody.vue";
+import { Badge } from "@/components/ui/badge";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { formatDateTime } from "@/lib/date-time";
+import { listNotificationRevisions } from "@/services/notification-api";
+
+const open = defineModel<boolean>("open", { default: false });
+
+const props = defineProps<{
+  notification?: PlatformNotification;
+}>();
+
+const history = shallowRef<PageResult<NotificationRevision>>();
+const loading = shallowRef(false);
+const error = shallowRef("");
+const page = shallowRef(1);
+
+watch(
+  [open, () => props.notification?.id],
+  ([isOpen, notificationId], [, previousId]) => {
+    if (!isOpen || !notificationId) return;
+    if (notificationId !== previousId) page.value = 1;
+    void loadHistory();
+  },
+);
+
+async function loadHistory() {
+  const notification = props.notification;
+  if (!notification) return;
+  loading.value = true;
+  error.value = "";
+  try {
+    history.value = await listNotificationRevisions(
+      notification.id,
+      page.value,
+      DEFAULT_PAGE_SIZE,
+    );
+  } catch (currentError) {
+    error.value =
+      currentError instanceof Error
+        ? currentError.message
+        : String(currentError);
+  } finally {
+    loading.value = false;
+  }
+}
+
+function setPage(value: number) {
+  page.value = value;
+  void loadHistory();
+}
+</script>
+
+<template>
+  <Dialog v-model:open="open">
+    <DialogContent class="sm:max-w-3xl">
+      <DialogHeader>
+        <DialogTitle>公告修改历史</DialogTitle>
+        <DialogDescription>
+          {{ notification?.title || "公告" }}的版本内容、修改人和修改时间。
+        </DialogDescription>
+      </DialogHeader>
+      <ModalBody class="space-y-3">
+        <p v-if="error" class="text-sm text-destructive">{{ error }}</p>
+        <p
+          v-if="loading"
+          class="py-8 text-center text-sm text-muted-foreground"
+        >
+          正在加载修改历史…
+        </p>
+        <template v-else>
+          <article
+            v-for="revision in history?.items"
+            :key="revision.revision"
+            class="space-y-3 rounded-md border p-4"
+          >
+            <div class="flex flex-wrap items-center justify-between gap-2">
+              <div class="flex items-center gap-2">
+                <Badge>v{{ revision.revision }}</Badge>
+                <Badge variant="outline">{{ revision.category }}</Badge>
+              </div>
+              <span class="text-xs text-muted-foreground">
+                {{ formatDateTime(revision.editedAt) }} ·
+                {{ revision.editedBy }}
+              </span>
+            </div>
+            <div>
+              <h3 class="font-medium">{{ revision.title }}</h3>
+              <p class="mt-1 text-sm text-muted-foreground">
+                {{ revision.summary }}
+              </p>
+            </div>
+            <p class="whitespace-pre-wrap text-sm leading-6">
+              {{ revision.content }}
+            </p>
+          </article>
+        </template>
+        <p
+          v-if="!loading && !history?.items.length"
+          class="py-8 text-center text-sm text-muted-foreground"
+        >
+          暂无版本历史。
+        </p>
+        <DataPagination
+          v-if="history"
+          :page="history.page"
+          :page-size="history.pageSize"
+          :total="history.total"
+          @update:page="setPage"
+        />
+      </ModalBody>
+    </DialogContent>
+  </Dialog>
+</template>

package/template/apps/web/src/pages/system/components/NotificationManagementCard.vue

@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import type { PlatformNotification } from "@southwind-ai/shared";
+import { ArchiveIcon, HistoryIcon, PencilIcon } from "@lucide/vue";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
+import { formatDateTime } from "@/lib/date-time";
+
+defineProps<{
+  notification: PlatformNotification;
+  sequence: number;
+  canEdit: boolean;
+}>();
+
+defineEmits<{
+  archive: [notification: PlatformNotification];
+  edit: [notification: PlatformNotification];
+  history: [notification: PlatformNotification];
+}>();
+</script>
+
+<template>
+  <article
+    class="flex flex-col gap-3 rounded-md border p-4 md:flex-row md:items-start md:justify-between"
+  >
+    <div class="min-w-0 space-y-2">
+      <div class="flex flex-wrap items-center gap-2">
+        <h2 class="font-medium text-foreground">
+          {{ sequence }}. {{ notification.title }}
+        </h2>
+        <Badge
+          :variant="
+            notification.status === 'published' ? 'default' : 'secondary'
+          "
+        >
+          {{
+            notification.status === "published"
+              ? "已发布"
+              : notification.status === "scheduled"
+                ? "已定时"
+                : "已归档"
+          }}
+        </Badge>
+        <Badge variant="outline">{{ notification.category }}</Badge>
+        <Badge variant="outline">v{{ notification.revision }}</Badge>
+      </div>
+      <p class="text-sm text-muted-foreground">
+        {{ notification.summary }}
+      </p>
+      <p class="text-xs text-muted-foreground">
+        {{ notification.status === "scheduled" ? "计划发布" : "发布时间" }}
+        {{
+          formatDateTime(
+            notification.status === "scheduled"
+              ? notification.scheduledFor
+              : notification.publishedAt,
+          )
+        }}
+        · 最近修改
+        {{ formatDateTime(notification.updatedAt) }}
+      </p>
+    </div>
+    <div class="flex shrink-0 flex-wrap gap-2">
+      <Button
+        variant="outline"
+        size="sm"
+        @click="$emit('history', notification)"
+      >
+        <HistoryIcon data-icon="inline-start" />
+        历史
+      </Button>
+      <Button
+        v-if="canEdit && notification.status === 'published'"
+        variant="outline"
+        size="sm"
+        @click="$emit('edit', notification)"
+      >
+        <PencilIcon data-icon="inline-start" />
+        编辑
+      </Button>
+      <Button
+        v-if="notification.status !== 'archived'"
+        variant="outline"
+        size="sm"
+        @click="$emit('archive', notification)"
+      >
+        <ArchiveIcon data-icon="inline-start" />
+        归档
+      </Button>
+    </div>
+  </article>
+</template>

package/template/apps/web/src/pages/system/components/NotificationPublishDialog.vue

@@ -0,0 +1,121 @@
+<script setup lang="ts">
+import type {
+  NotificationAudienceOptions,
+  PlatformNotification,
+  PublishNotificationInput,
+} from "@southwind-ai/shared";
+import { computed, onBeforeUnmount, onMounted, shallowRef, watch } from "vue";
+import { onBeforeRouteLeave } from "vue-router";
+import FormDialog from "@/components/common/FormDialog.vue";
+import UnsavedChangesDialog from "@/components/common/UnsavedChangesDialog.vue";
+import { useUnsavedChangesConfirmation } from "@/composables/useUnsavedChangesConfirmation";
+import {
+  getNotificationAudienceOptions,
+  publishNotification,
+} from "@/services/notification-api";
+import NotificationPublishForm from "./NotificationPublishForm.vue";
+
+const open = defineModel<boolean>("open", { default: false });
+const emit = defineEmits<{
+  published: [notification: PlatformNotification];
+  error: [message: string];
+}>();
+const form = shallowRef(emptyForm());
+const baseline = shallowRef(emptyForm());
+const audienceOptions = shallowRef<NotificationAudienceOptions>();
+const publishing = shallowRef(false);
+const confirmation = useUnsavedChangesConfirmation();
+const dirty = computed(
+  () =>
+    open.value && JSON.stringify(form.value) !== JSON.stringify(baseline.value),
+);
+
+watch(open, async (value) => {
+  if (!value) return;
+  if (!audienceOptions.value) {
+    try {
+      audienceOptions.value = await getNotificationAudienceOptions();
+    } catch (error) {
+      emit("error", message(error));
+    }
+  }
+});
+onMounted(() => window.addEventListener("beforeunload", preventDirtyUnload));
+onBeforeUnmount(() =>
+  window.removeEventListener("beforeunload", preventDirtyUnload),
+);
+onBeforeRouteLeave(() => (dirty.value ? confirmation.request(publish) : true));
+
+async function publish(): Promise<boolean> {
+  if (publishing.value) return false;
+  publishing.value = true;
+  try {
+    const notification = await publishNotification({ ...form.value });
+    form.value = emptyForm();
+    baseline.value = emptyForm();
+    open.value = false;
+    emit("published", notification);
+    return true;
+  } catch (error) {
+    emit("error", message(error));
+    return false;
+  } finally {
+    publishing.value = false;
+  }
+}
+
+function beforeClose() {
+  return dirty.value ? confirmation.request(publish) : true;
+}
+
+function preventDirtyUnload(event: BeforeUnloadEvent) {
+  if (!dirty.value) return;
+  event.preventDefault();
+  event.returnValue = "";
+}
+
+function emptyForm(): PublishNotificationInput {
+  return {
+    title: "",
+    summary: "",
+    content: "",
+    category: "系统",
+    recipientUserIds: [],
+    recipientRoleCodes: [],
+    recipientDepartmentIds: [],
+    deliveryChannels: [],
+    includeChildDepartments: false,
+  };
+}
+
+function message(error: unknown) {
+  return error instanceof Error ? error.message : String(error);
+}
+</script>
+
+<template>
+  <FormDialog
+    v-model:open="open"
+    title="发布新通知"
+    description="可立即或定时发布，并按用户、角色、部门和偏好合并投递范围。"
+    :submit-text="form.scheduledFor ? '确认定时发布' : '确认发布'"
+    :loading="publishing"
+    :before-close="beforeClose"
+    prevent-outside-close
+    content-class="sm:max-w-4xl"
+    @submit="publish"
+  >
+    <NotificationPublishForm
+      v-model="form"
+      :audience-options="audienceOptions"
+    />
+  </FormDialog>
+
+  <UnsavedChangesDialog
+    :open="confirmation.open.value"
+    :saving="confirmation.saving.value"
+    description="新通知尚未发布。取消会留在编辑状态；发布成功后才会继续关闭或离开。"
+    @cancel="confirmation.cancel"
+    @save="confirmation.save"
+  />
+</template>

package/template/apps/web/src/pages/system/components/NotificationPublishForm.vue

@@ -1,12 +1,54 @@
 <script setup lang="ts">
-import type { PublishNotificationInput } from "@southwind-ai/shared";
+import type {
+  ExternalNotificationChannel,
+  NotificationAudienceOptions,
+  PublishNotificationInput,
+} from "@southwind-ai/shared";
+import { Checkbox } from "@/components/ui/checkbox";
 import { Input } from "@/components/ui/input";
 
 const model = defineModel<PublishNotificationInput>({ required: true });
+defineProps<{
+  audienceOptions?: NotificationAudienceOptions;
+}>();
 
 function update(key: keyof PublishNotificationInput, value: string | number) {
   model.value = { ...model.value, [key]: String(value) };
 }
+
+function updateArray(
+  key:
+    | "recipientUserIds"
+    | "recipientRoleCodes"
+    | "recipientDepartmentIds"
+    | "deliveryChannels",
+  value: string,
+  checked: boolean | "indeterminate",
+) {
+  const current = model.value[key] || [];
+  model.value = {
+    ...model.value,
+    [key]:
+      checked === true
+        ? [...new Set([...current, value])]
+        : current.filter((item) => item !== value),
+  };
+}
+
+function updateSchedule(value: string | number) {
+  const local = String(value);
+  model.value = {
+    ...model.value,
+    scheduledFor: local ? new Date(local).toISOString() : undefined,
+  };
+}
+
+function localSchedule(value?: string) {
+  if (!value) return "";
+  const date = new Date(value);
+  const offset = date.getTimezoneOffset() * 60_000;
+  return new Date(date.getTime() - offset).toISOString().slice(0, 16);
+}
 </script>
 
 <template>
@@ -54,4 +96,123 @@ function update(key: keyof PublishNotificationInput, value: string | number) {
       @input="update('content', ($event.target as HTMLTextAreaElement).value)"
     />
   </label>
+
+  <template v-if="audienceOptions">
+    <div class="grid gap-4 md:grid-cols-2">
+      <label class="space-y-2 text-sm font-medium">
+        <span>发布时间</span>
+        <Input
+          type="datetime-local"
+          :model-value="localSchedule(model.scheduledFor)"
+          @update:model-value="updateSchedule"
+        />
+        <span class="block text-xs font-normal text-muted-foreground">
+          留空立即发布；选择未来时间后由调度器发布。
+        </span>
+      </label>
+      <fieldset class="space-y-2">
+        <legend class="text-sm font-medium">外部渠道</legend>
+        <div class="flex gap-4 pt-2">
+          <label
+            v-for="channel in ['email', 'sms'] as ExternalNotificationChannel[]"
+            :key="channel"
+            class="flex items-center gap-2 text-sm"
+          >
+            <Checkbox
+              :model-value="model.deliveryChannels?.includes(channel)"
+              @update:model-value="
+                updateArray('deliveryChannels', channel, $event)
+              "
+            />
+            {{ channel === "email" ? "邮件" : "短信" }}
+          </label>
+        </div>
+        <p class="text-xs text-muted-foreground">
+          短信仅在业务项目注入供应商 Adapter 后可投递。
+        </p>
+      </fieldset>
+    </div>
+
+    <div class="space-y-3 rounded-md border p-4">
+      <div>
+        <p class="text-sm font-medium">定向受众</p>
+        <p class="text-xs text-muted-foreground">
+          用户、角色和部门按“或”合并；全部留空即广播。
+        </p>
+      </div>
+      <div class="grid gap-4 md:grid-cols-3">
+        <fieldset class="space-y-2">
+          <legend class="text-xs font-medium text-muted-foreground">
+            用户
+          </legend>
+          <label
+            v-for="option in audienceOptions.users"
+            :key="option.id"
+            class="flex items-center gap-2 text-sm"
+          >
+            <Checkbox
+              :model-value="model.recipientUserIds?.includes(option.id)"
+              @update:model-value="
+                updateArray('recipientUserIds', option.id, $event)
+              "
+            />
+            {{ option.label }}
+          </label>
+        </fieldset>
+        <fieldset class="space-y-2">
+          <legend class="text-xs font-medium text-muted-foreground">
+            角色
+          </legend>
+          <label
+            v-for="option in audienceOptions.roles"
+            :key="option.id"
+            class="flex items-center gap-2 text-sm"
+          >
+            <Checkbox
+              :model-value="
+                option.code
+                  ? model.recipientRoleCodes?.includes(option.code)
+                  : false
+              "
+              @update:model-value="
+                option.code &&
+                updateArray('recipientRoleCodes', option.code, $event)
+              "
+            />
+            {{ option.label }}
+          </label>
+        </fieldset>
+        <fieldset class="space-y-2">
+          <legend class="text-xs font-medium text-muted-foreground">
+            部门
+          </legend>
+          <label
+            v-for="option in audienceOptions.departments"
+            :key="option.id"
+            class="flex items-center gap-2 text-sm"
+          >
+            <Checkbox
+              :model-value="model.recipientDepartmentIds?.includes(option.id)"
+              @update:model-value="
+                updateArray('recipientDepartmentIds', option.id, $event)
+              "
+            />
+            {{ option.label }}
+          </label>
+          <label class="flex items-center gap-2 pt-2 text-sm">
+            <Checkbox
+              :model-value="model.includeChildDepartments"
+              @update:model-value="
+                model = {
+                  ...model,
+                  includeChildDepartments: $event === true,
+                }
+              "
+            />
+            包含子部门
+          </label>
+        </fieldset>
+      </div>
+    </div>
+  </template>
 </template>

package/template/apps/web/src/pages/system/components/SystemResourceActions.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { useTemplateRef } from "vue";
+import { Button } from "@/components/ui/button";
+import { DownloadIcon, PlusIcon, RefreshCwIcon, UploadIcon } from "@lucide/vue";
+
+defineProps<{
+  canCreate: boolean;
+  canImport: boolean;
+  replacesNativeTransfer?: boolean;
+}>();
+
+const emit = defineEmits<{
+  refresh: [];
+  export: [];
+  import: [file: File];
+  create: [];
+}>();
+
+const importFileInput = useTemplateRef<HTMLInputElement>("importFileInput");
+
+function openImport() {
+  importFileInput.value?.click();
+}
+
+function selectImport(event: Event) {
+  const input = event.target as HTMLInputElement;
+  const file = input.files?.[0];
+  if (file) emit("import", file);
+  input.value = "";
+}
+</script>
+
+<template>
+  <div class="flex flex-wrap gap-2">
+    <Button variant="outline" @click="emit('refresh')">
+      <RefreshCwIcon data-icon="inline-start" />
+      刷新
+    </Button>
+    <Button
+      v-if="!replacesNativeTransfer"
+      variant="outline"
+      @click="emit('export')"
+    >
+      <DownloadIcon data-icon="inline-start" />
+      导出
+    </Button>
+    <Button
+      v-if="canImport && !replacesNativeTransfer"
+      variant="outline"
+      @click="openImport"
+    >
+      <UploadIcon data-icon="inline-start" />
+      导入
+    </Button>
+    <Button v-if="canCreate" @click="emit('create')">
+      <PlusIcon data-icon="inline-start" />
+      新增
+    </Button>
+    <input
+      v-if="!replacesNativeTransfer"
+      ref="importFileInput"
+      type="file"
+      accept="application/json,.json"
+      class="hidden"
+      @change="selectImport"
+    />
+  </div>
+</template>