From 96136af631bf44a535ea07b14396c0775e610a87 Mon Sep 17 00:00:00 2001
From: dap <15891557205@163.com>
Date: Thu, 16 Apr 2026 20:01:01 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E9=80=9A=E7=9F=A5=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web-antd/src/layouts/basic.vue           |   1 +
 apps/web-antd/src/store/notify.ts             |   7 +
 .../演示使用自行删除/form/collapsible.vue     | 315 ------------------
 .../演示使用自行删除/form/value-format.vue    | 161 ---------
 .../src/widgets/notification/notification.vue |   1 +
 5 files changed, 9 insertions(+), 476 deletions(-)
 delete mode 100644 apps/web-antd/src/views/演示使用自行删除/form/collapsible.vue
 delete mode 100644 apps/web-antd/src/views/演示使用自行删除/form/value-format.vue

diff --git a/apps/web-antd/src/layouts/basic.vue b/apps/web-antd/src/layouts/basic.vue
index c1870de5e..8946d71d6 100644
--- a/apps/web-antd/src/layouts/basic.vue
+++ b/apps/web-antd/src/layouts/basic.vue
@@ -154,6 +154,7 @@ useVersionUpdate();
         @make-all="notifyStore.setAllRead"
         @read="notifyStore.setRead"
         @view-all="handleViewAll"
+        @remove="notifyStore.removeMessage"
       />
     </template>
     <template #extra>
diff --git a/apps/web-antd/src/store/notify.ts b/apps/web-antd/src/store/notify.ts
index ce770246c..9d0483ef0 100644
--- a/apps/web-antd/src/store/notify.ts
+++ b/apps/web-antd/src/store/notify.ts
@@ -107,6 +107,12 @@ export const useNotifyStore = defineStore(
       );
     }
 
+    function removeMessage(item: NotificationItem) {
+      notificationList.value = notificationList.value.filter(
+        (i) => i.id !== item.id,
+      );
+    }
+
     /**
      * 只需要空实现即可
      * 否则会在退出登录清空所有
@@ -132,6 +138,7 @@ export const useNotifyStore = defineStore(
       setRead,
       showDot,
       startListeningMessage,
+      removeMessage,
     };
   },
   {
diff --git a/apps/web-antd/src/views/演示使用自行删除/form/collapsible.vue b/apps/web-antd/src/views/演示使用自行删除/form/collapsible.vue
deleted file mode 100644
index ba65ba30d..000000000
--- a/apps/web-antd/src/views/演示使用自行删除/form/collapsible.vue
+++ /dev/null
@@ -1,315 +0,0 @@
-<script lang="ts" setup>
-import type { RadioGroupProps } from 'ant-design-vue';
-
-import type { FormLayout } from '@vben/common-ui';
-
-import type { CollapsibleParamSchema } from '@vben-core/shadcn-ui';
-
-import { h, ref } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { VbenCollapsibleParams } from '@vben-core/shadcn-ui';
-
-import { Button, Card, message, RadioGroup } from 'ant-design-vue';
-
-import { useVbenForm, z } from '#/adapter/form';
-
-import DocButton from '../doc-button.vue';
-
-const layouts: RadioGroupProps['options'] = [
-  { label: 'Vertical', value: 'vertical' },
-  { label: 'Horizontal', value: 'horizontal' },
-];
-
-const layout = ref<FormLayout>('vertical');
-
-function getNumberValidator(key: string, limit?: [number?, number?]) {
-  let validator = z.number({
-    required_error: `${key} 值不能为空`,
-    invalid_type_error: `${key} 值只能为数字`,
-  });
-
-  if (limit) {
-    if (limit[0] !== undefined) {
-      validator = validator.min(limit[0], {
-        message: `${key} 值不能小于${limit[0]}`,
-      });
-    }
-    if (limit[1] !== undefined) {
-      validator = validator.max(limit[1], {
-        message: `${key} 值不能大于${limit[1]}`,
-      });
-    }
-  }
-
-  return validator.optional();
-}
-
-const paramsSchema: CollapsibleParamSchema[] = [
-  {
-    key: 'micro_batch_size',
-    description: `批次大小，代表模型训练过程中，模型更新模型参数的数据步长，可理解为模型每看多少数据即更新一次模型参数，
-    一般建议的批次大小为16/32，表示模型每看16或32条数据即更新一次参数`,
-    option: {
-      min: 8,
-      max: 1024,
-      step: 8,
-    },
-  },
-  {
-    key: 'learning_rate',
-    description:
-      '学习率，代表每次更新数据的增量参数权重，学习率数值越大参数变化越大，对模型影响越大',
-    option: {
-      step: 1e-4,
-      type: 'exponential',
-      min: 0,
-      max: 1,
-    },
-  },
-  {
-    key: 'eval_steps',
-    description:
-      '验证步数，训练阶段针模型的验证间隔步长，用于阶段性评估模型训练准确率、训练损失',
-    option: {
-      min: 1,
-      max: 2_147_483_647,
-    },
-  },
-  {
-    key: 'num_train_epochs',
-    description:
-      '循环次数，代表模型训练过程中模型学习数据集的次数，可理解为看几遍数据，一般建议的范围是1-3遍即可，可依据需求进行调整',
-    option: {
-      min: 1,
-      max: 200,
-    },
-  },
-  {
-    key: 'max_length',
-    description: `序列长度，单个训练数据样本的最大长度，超出配置长度将丢弃`,
-    option: {
-      min: 500,
-      max: 131_072,
-    },
-  },
-  {
-    key: 'warmup_ratio',
-    description: '学习率预热比例，学习率预热阶段占总训练步数的比例',
-    option: {
-      min: 0,
-      max: 1,
-      precision: 2,
-      step: 0.01,
-    },
-  },
-  {
-    key: 'save_steps',
-    description: 'Checkpoint保存间隔',
-    option: {
-      min: 1,
-      max: 2_147_483_647,
-    },
-  },
-];
-
-const paramsValidator = z
-  .object({
-    micro_batch_size: getNumberValidator('micro_batch_size', [8, 1024]),
-    learning_rate: getNumberValidator('learning_rate'),
-    eval_steps: getNumberValidator('eval_steps', [1, 2_147_483_647]),
-    num_train_epochs: getNumberValidator('num_train_epochs', [1, 200]),
-    max_length: getNumberValidator('max_length', [500, 131_072]),
-    warmup_ratio: getNumberValidator('warmup_ratio', [0, 1]),
-    save_steps: getNumberValidator('save_steps', [1, 2_147_483_647]),
-  })
-  .required();
-
-const [BaseForm, baseFormApi] = useVbenForm({
-  showDefaultActions: false,
-  // 所有表单项共用，可单独在表单内覆盖
-  commonConfig: {
-    colon: true,
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  handleSubmit: onSubmit,
-  layout: 'vertical',
-  schema: [
-    {
-      component: 'Switch',
-      fieldName: 'qat',
-      componentProps: {
-        checkedChildren: '开',
-        unCheckedChildren: '关',
-        class: 'w-auto',
-      },
-      label: 'QAT',
-      formItemClass: 'col-span-2',
-      defaultValue: false,
-    },
-    {
-      // component:'CollapsibleParams',
-      component: h(VbenCollapsibleParams),
-      componentProps: {
-        params: paramsSchema,
-        // maxHeight: 200, //限制最大高度，展开后可滚动
-        // defaultOpen: true, // 默认false折叠
-        // visibleCount: 0 // 默认3，最小可见为1，小于1取1
-      },
-      modelPropName: 'value',
-      fieldName: 'params',
-      label: '参数配置',
-      formItemClass: 'col-span-8 items-baseline col-start-1',
-      dependencies: {
-        triggerFields: ['qat'],
-        componentProps(values) {
-          return {
-            params: values.qat
-              ? [
-                  {
-                    key: 'calib_steps',
-                    description: `校准步数；校准的数据集大小 = 校准步数 * 训练的batch_size`,
-                    option: {
-                      min: 1,
-                    },
-                  },
-                  ...paramsSchema,
-                ]
-              : paramsSchema,
-          };
-        },
-        trigger(values, __, controller) {
-          // 访问 form 内 VbenCollapsibleParams 的实例
-          const paramsRef =
-            controller.getFieldComponentRef<typeof VbenCollapsibleParams>(
-              'params',
-            );
-          if (values.qat) {
-            paramsRef?.updateValues?.({
-              calib_steps: 10,
-              micro_batch_size: 32,
-              learning_rate: 4e-5,
-              eval_steps: 80,
-              num_train_epochs: 3,
-              max_length: 32_768,
-              warmup_ratio: 0.1,
-              save_steps: 80,
-            });
-          } else {
-            paramsRef?.updateValues?.({
-              calib_steps: null,
-            });
-          }
-        },
-        rules(values) {
-          if (values.qat) {
-            return paramsValidator.extend({
-              calib_steps: getNumberValidator('calib_steps', [1]),
-            });
-          }
-          return paramsValidator;
-        },
-      },
-      rules: paramsValidator,
-      defaultValue: {
-        micro_batch_size: 8,
-        learning_rate: 1e-5,
-        eval_steps: 50,
-        num_train_epochs: 3,
-        max_length: 32_768,
-        warmup_ratio: 0.05,
-        save_steps: 50,
-      },
-    },
-    {
-      component: 'RichEditor',
-      fieldName: 'richEditor',
-      label: '富文本',
-      formItemClass: 'col-span-12 items-baseline',
-      collapsible: true,
-      defaultCollapsed: false, // 默认false
-    },
-  ],
-  wrapperClass: 'grid-cols-12',
-});
-
-function onSubmit(values: Record<string, any>) {
-  message.info({
-    content: `form values: ${JSON.stringify(values)}`,
-  });
-}
-
-function onLayoutChange() {
-  baseFormApi.setState({
-    layout: layout.value,
-  });
-}
-
-function handleSetFormValue() {
-  baseFormApi.setFieldValue('params', {
-    micro_batch_size: 1024,
-    learning_rate: 1e-5,
-    eval_steps: 150,
-    num_train_epochs: 13,
-    max_length: 131_072,
-    warmup_ratio: 0.05,
-    save_steps: 150,
-  });
-}
-
-function handleResetFormValue() {
-  baseFormApi.resetForm(undefined, { force: true });
-}
-
-async function handleSubmitFormValue() {
-  const { valid } = await baseFormApi.validate();
-
-  if (valid) {
-    baseFormApi.submitForm();
-  }
-}
-</script>
-
-<template>
-  <Page
-    auto-content-height
-    content-class="flex flex-col gap-4"
-    title="可折叠表单项"
-  >
-    <template #description>
-      <div class="text-muted-foreground">
-        <p>可折叠表单项、以及可折叠参数配置组件示例</p>
-      </div>
-    </template>
-    <template #extra>
-      <DocButton class="mb-2" path="/components/common-ui/vben-form" />
-    </template>
-    <Card title="基础示例">
-      <template #extra>
-        <div class="inline-flex items-center gap-4!">
-          <RadioGroup
-            :options="layouts"
-            option-type="button"
-            v-model:value="layout"
-            @change="onLayoutChange"
-          />
-          <Button type="primary" @click="handleSetFormValue">
-            设置表单值
-          </Button>
-          <Button type="primary" @click="handleSubmitFormValue">
-            提交表单
-          </Button>
-          <Button type="primary" @click="handleResetFormValue">
-            重置表单
-          </Button>
-        </div>
-      </template>
-      <div class="w-full overflow-hidden">
-        <BaseForm />
-      </div>
-    </Card>
-  </Page>
-</template>
diff --git a/apps/web-antd/src/views/演示使用自行删除/form/value-format.vue b/apps/web-antd/src/views/演示使用自行删除/form/value-format.vue
deleted file mode 100644
index bf1449f88..000000000
--- a/apps/web-antd/src/views/演示使用自行删除/form/value-format.vue
+++ /dev/null
@@ -1,161 +0,0 @@
-<script lang="ts" setup>
-import { computed, nextTick, onMounted, ref, watch } from 'vue';
-
-import { Page } from '@vben/common-ui';
-
-import { Button, Card, message, Space, Tag } from 'ant-design-vue';
-import dayjs from 'dayjs';
-
-import { useVbenForm } from '#/adapter/form';
-
-import DocButton from '../doc-button.vue';
-
-const transformedValues = ref<Record<string, any>>({});
-const liveValues = ref<Record<string, any>>({});
-
-const [Form, formApi] = useVbenForm({
-  commonConfig: {
-    componentProps: {
-      class: 'w-full',
-    },
-  },
-  handleSubmit,
-  schema: [
-    {
-      component: 'RangePicker',
-      fieldName: 'reportRange',
-      help: '通过 setValue 拆分为 startTime / endTime，并移除原字段',
-      label: '统计时间范围',
-      valueFormat(value, setValue) {
-        setValue('startTime', value?.[0]?.valueOf());
-        setValue('endTime', value?.[1]?.valueOf());
-      },
-    },
-    {
-      component: 'DatePicker',
-      fieldName: 'deadline',
-      help: '直接 return 时间戳，保留原字段名',
-      label: '截止时间',
-      valueFormat(value) {
-        return value?.valueOf();
-      },
-    },
-    {
-      component: 'Input',
-      componentProps: {
-        placeholder: '请输入关键字',
-      },
-      fieldName: 'keyword',
-      label: '关键字',
-    },
-  ],
-  wrapperClass: 'grid-cols-1 md:grid-cols-2',
-});
-
-const liveValuesPreview = computed(() => formatJsonPreview(liveValues.value));
-
-const transformedValuesPreview = computed(() => {
-  return formatJsonPreview(transformedValues.value);
-});
-
-function formatJsonPreview(value: Record<string, any>) {
-  return JSON.stringify(
-    value,
-    (_key, currentValue) => {
-      return dayjs.isDayjs(currentValue)
-        ? currentValue.format('YYYY-MM-DD HH:mm:ss')
-        : currentValue;
-    },
-    2,
-  );
-}
-
-async function handleInspectValues() {
-  await syncPreviewValues();
-  message.success('已刷新 getValues 输出');
-}
-
-function handleSetExampleValue() {
-  formApi.setValues({
-    deadline: dayjs('2026-04-12 18:30:00'),
-    keyword: 'invoice',
-    reportRange: [dayjs('2026-04-01 00:00:00'), dayjs('2026-04-12 23:59:59')],
-  });
-}
-
-function handleSubmit(values: Record<string, any>) {
-  transformedValues.value = values;
-  message.success({
-    content: `getValues output: ${JSON.stringify(values)}`,
-  });
-}
-
-async function syncPreviewValues(values?: Record<string, any>) {
-  liveValues.value = values ?? formApi.form?.values ?? {};
-  transformedValues.value = await formApi.getValues();
-}
-
-onMounted(async () => {
-  await nextTick();
-  watch(
-    () => formApi.form?.values,
-    async (values) => {
-      await syncPreviewValues(values);
-    },
-    {
-      deep: true,
-      immediate: true,
-    },
-  );
-});
-</script>
-
-<template>
-  <Page
-    content-class="flex flex-col gap-4"
-    description="演示 schema.valueFormat 如何把组件值转换为提交/查询所需的 payload。"
-    title="表单 valueFormat"
-  >
-    <template #description>
-      <div class="text-muted-foreground space-y-2">
-        <p>
-          <code>form.values</code> 保持组件原始值，<code>getValues()</code> /
-          提交时会按 <code>schema.valueFormat</code> 输出转换后的 payload。
-        </p>
-        <div class="flex flex-wrap gap-2">
-          <Tag color="processing">return 值：回写当前字段</Tag>
-          <Tag color="success">setValue：拆分写入其他字段</Tag>
-          <Tag color="warning">return undefined：保持原字段删除</Tag>
-        </div>
-      </div>
-    </template>
-    <template #extra>
-      <DocButton path="/components/common-ui/vben-form" />
-    </template>
-
-    <Card title="valueFormat 示例">
-      <template #extra>
-        <Space wrap>
-          <Button @click="handleSetExampleValue">填充示例数据</Button>
-          <Button type="primary" @click="handleInspectValues">
-            查看 getValues 输出
-          </Button>
-        </Space>
-      </template>
-      <Form />
-    </Card>
-
-    <div class="grid gap-4 lg:grid-cols-2">
-      <Card title="原始 form.values（组件值）">
-        <pre class="bg-muted overflow-auto rounded-md p-4 text-sm">{{
-          liveValuesPreview
-        }}</pre>
-      </Card>
-      <Card title="getValues / submit 输出（valueFormat 后）">
-        <pre class="bg-muted overflow-auto rounded-md p-4 text-sm">{{
-          transformedValuesPreview
-        }}</pre>
-      </Card>
-    </div>
-  </Page>
-</template>
diff --git a/packages/effects/layouts/src/widgets/notification/notification.vue b/packages/effects/layouts/src/widgets/notification/notification.vue
index 372b1f586..5a0d2f29b 100644
--- a/packages/effects/layouts/src/widgets/notification/notification.vue
+++ b/packages/effects/layouts/src/widgets/notification/notification.vue
@@ -33,6 +33,7 @@ const emit = defineEmits<{
   makeAll: [];
   onClick: [NotificationItem];
   read: [NotificationItem];
+  remove: [NotificationItem];
   viewAll: [];
 }>();