yg-yygl 0.0.1

package/dist/views/sys/mail/mail-rate-limit/components/rate-limit-form.vue

@@ -0,0 +1,237 @@
+<script setup lang="ts">
+import type { FormItemConfig } from '@udp/component-ui';
+
+import type { MailRateLimitCreateRequest, MailRateLimitUpdateRequest } from '../../../../../api/mail/types';
+
+import { computed, nextTick, ref } from 'vue';
+
+import { Form } from '@udp/component-ui';
+
+import { ElMessage } from 'element-plus';
+
+import { createMailRateLimit, updateMailRateLimit } from '../../../../../api/mail';
+
+const props = withDefaults(
+  defineProps<{
+    editData?: any;
+    type?: 'add' | 'edit' | 'view';
+  }>(),
+  {
+    editData: () => ({}),
+    type: 'add',
+  },
+);
+
+// 组件状态
+const isEdit = computed(() => !!props.editData?.id && props.type === 'edit');
+const isView = computed(() => props.type === 'view');
+const loading = ref(false);
+const formRef = ref();
+
+// 表单初始数据（仅用于新增）
+const initialFormData = {
+  ruleCode: 'email-minute',
+  limitCount: 5,
+  description: '同一邮箱地址每分钟最多发送次数',
+  status: 1,
+};
+
+// 动态计算表单初始值：编辑/查看时使用实际数据，新增时使用默认值
+const computedInitialValues = computed(() => {
+  if ((props.type === 'edit' || props.type === 'view') && props.editData?.id) {
+    // 返回浅拷贝，避免修改原始数据
+    return { ...props.editData };
+  }
+  return { ...initialFormData };
+});
+
+const formData = computed(() => {
+  return formRef.value?.getValues();
+});
+
+// 限流规则选项（系统预定义的规则）
+const ruleCodeOptions = [
+  {
+    label: '邮箱地址每分钟限流',
+    value: 'email-minute',
+    description: '同一邮箱地址每分钟最多发送次数',
+    defaultCount: 5,
+  },
+  {
+    label: '邮箱地址每小时限流',
+    value: 'email-hour',
+    description: '同一邮箱地址每小时最多发送次数',
+    defaultCount: 20,
+  },
+  {
+    label: '邮箱地址每天限流',
+    value: 'email-day',
+    description: '同一邮箱地址每天最多发送次数',
+    defaultCount: 100,
+  },
+  {
+    label: 'IP每分钟限流',
+    value: 'ip-minute',
+    description: '同一IP地址每分钟最多发送次数',
+    defaultCount: 10,
+  },
+  {
+    label: 'IP每小时限流',
+    value: 'ip-hour',
+    description: '同一IP地址每小时最多发送次数',
+    defaultCount: 50,
+  },
+  {
+    label: 'IP每天限流',
+    value: 'ip-day',
+    description: '同一IP地址每天最多发送次数',
+    defaultCount: 200,
+  },
+];
+
+// 当规则编码变化时，自动填充描述和默认限流次数
+const handleRuleCodeChange = (value: string) => {
+  const selected = ruleCodeOptions.find((opt) => opt.value === value);
+  if (selected && !isEdit.value) {
+    formRef.value?.setValues({
+      description: selected.description,
+      limitCount: selected.defaultCount,
+    });
+  }
+};
+
+// 表单配置
+const formItems = computed<FormItemConfig[]>(() => [
+  {
+    prop: 'ruleCode',
+    label: '规则类型',
+    type: 'select',
+    required: true,
+    placeholder: '请选择限流规则类型',
+    gridCols: 1,
+    options: ruleCodeOptions,
+    rules: [{ required: true, message: '请选择限流规则类型', trigger: ['change'] }],
+    disabled: isEdit.value, // 编辑时不允许修改规则编码
+    props: {
+      onChange: handleRuleCodeChange,
+    },
+  },
+  {
+    prop: 'limitCount',
+    label: '限流次数',
+    type: 'number',
+    required: true,
+    placeholder: '请输入限流次数',
+    rules: [
+      {
+        required: true,
+        message: '请输入限流次数',
+        trigger: ['blur', 'change'],
+      },
+      {
+        type: 'number',
+        min: 1,
+        message: '限流次数必须大于0',
+        trigger: ['blur', 'change'],
+      },
+    ],
+    props: {
+      min: 1,
+      step: 1,
+      precision: 0,
+    },
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    type: 'select',
+    required: true,
+    placeholder: '请选择状态',
+    options: [
+      { label: '禁用', value: 0 },
+      { label: '启用', value: 1 },
+    ],
+    rules: [{ required: true, message: '请选择状态', trigger: ['change'] }],
+  },
+  {
+    prop: 'description',
+    label: '规则描述',
+    type: 'textarea',
+    placeholder: '请输入规则描述',
+    gridCols: 1,
+    rules: [
+      {
+        max: 500,
+        message: '规则描述长度不能超过500个字符',
+        trigger: ['blur', 'input'],
+      },
+    ],
+    props: {
+      rows: 3,
+      maxlength: 500,
+      showWordLimit: true,
+    },
+  },
+]);
+
+const handleSubmit = async () => {
+  try {
+    loading.value = true;
+
+    // 表单验证
+    const valid = await formRef.value?.validate();
+    if (!valid) {
+      return false;
+    }
+
+    const submitData = {
+      ...formData.value,
+      ...(isEdit.value ? { id: props.editData.id } : {}),
+    };
+
+    // 调用API
+    await (isEdit.value
+      ? updateMailRateLimit(submitData as MailRateLimitUpdateRequest)
+      : createMailRateLimit(submitData as MailRateLimitCreateRequest));
+
+    ElMessage.success(isEdit.value ? '更新成功!' : '创建成功!');
+    return true;
+  } catch (error) {
+    console.error('提交失败:', error);
+    return false;
+  } finally {
+    loading.value = false;
+  }
+};
+
+// 重置表单
+const resetForm = () => {
+  formRef.value?.reset();
+  nextTick(() => {
+    formRef.value?.clearValidate();
+  });
+};
+
+defineExpose({
+  handleSubmit,
+  resetForm,
+});
+</script>
+
+<template>
+  <div class="h-full w-full">
+    <Form
+      ref="formRef"
+      :items="formItems"
+      :initial-values="computedInitialValues"
+      :show-actions="false"
+      label-width="auto"
+      :use-grid="true"
+      :grid-cols="2"
+      :grid-gutter="20"
+      :disabled="isView"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/views/sys/mail/mail-rate-limit/components/rate-limit-form.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    editData?: any;
+    type?: 'add' | 'edit' | 'view';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    handleSubmit: () => Promise<boolean>;
+    resetForm: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "add" | "edit" | "view";
+    editData: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/views/sys/mail/mail-rate-limit/index.d.vue.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/sys/mail/mail-rate-limit/index.vue

@@ -0,0 +1,261 @@
+<script setup lang="ts">
+import type {
+  BusinessFilterItem,
+  IconActionItem,
+  TableColumn,
+} from '@udp/component-ui';
+
+import type {
+  MailRateLimitResponse,
+  MailRateLimitQueryRequest,
+} from '../../../../api/mail/types';
+
+import { computed, h, reactive, ref } from 'vue';
+
+import {
+  BusinessFilterBar,
+  Drawer,
+  IconActionGroup,
+  IconButton,
+  Table,
+  useTable,
+} from '@udp/component-ui';
+
+import { ElMessage, ElMessageBox } from 'element-plus';
+
+import { deleteMailRateLimit, getMailRateLimitList } from '../../../../api/mail';
+import { Tag } from '../../../../components/custom-tags';
+import { MainContainer } from '../../../../components/main-container';
+
+import MailRateLimitForm from './components/rate-limit-form.vue';
+
+// 限流规则选项（与表单保持一致）
+const ruleCodeOptions = [
+  { label: '邮箱地址每分钟限流', value: 'email-minute' },
+  { label: '邮箱地址每小时限流', value: 'email-hour' },
+  { label: '邮箱地址每天限流', value: 'email-day' },
+  { label: 'IP每分钟限流', value: 'ip-minute' },
+  { label: 'IP每小时限流', value: 'ip-hour' },
+  { label: 'IP每天限流', value: 'ip-day' },
+];
+
+// 查询
+const searchParams = ref<MailRateLimitQueryRequest>({});
+const filterItems: BusinessFilterItem[] = [
+  {
+    prop: 'ruleCode',
+    label: '规则类型',
+    type: 'select',
+    options: ruleCodeOptions,
+  },
+  {
+    prop: 'status',
+    label: '状态',
+    type: 'select',
+    options: [
+      { label: '禁用', value: 0 },
+      { label: '启用', value: 1 },
+    ],
+  },
+];
+
+// 列表信息
+const columns = reactive<TableColumn[]>([
+  {
+    prop: 'ruleCode',
+    label: '规则类型',
+    render: ({ row }: { row: MailRateLimitResponse }) =>
+      h(Tag, {
+        value: row.ruleCode,
+        effect: 'plain',
+        hit: true,
+        options: ruleCodeOptions.map((opt) => ({
+          label: opt.label,
+          value: opt.value,
+          type: 'primary' as const,
+        })),
+      }),
+  },
+  { prop: 'limitCount', label: '限流次数' },
+  { prop: 'description', label: '规则描述' },
+  {
+    prop: 'status',
+    label: '状态',
+    render: ({ row }: { row: MailRateLimitResponse }) =>
+      h(Tag, {
+        value: row.status,
+        effect: 'plain',
+        hit: true,
+        options: [
+          { label: '禁用', value: 0, type: 'info' as const },
+          { label: '启用', value: 1, type: 'success' as const },
+        ],
+      }),
+  },
+  { prop: 'createTime', label: '创建时间' },
+]);
+
+const actionBtns: IconActionItem[] = [
+  {
+    key: 'edit',
+    label: '编辑',
+    icon: 'hx-line-built-in:edit-line',
+    onClick: (row: any) => handleEdit(row as MailRateLimitResponse),
+  },
+  {
+    key: 'delete',
+    label: '删除',
+    icon: 'hx-line-built-in:delete-bin-6-line',
+    type: 'danger',
+    onClick: (row: any) => handleDelete(row as MailRateLimitResponse),
+  },
+];
+
+// 配置 API
+const api = {
+  list: (params: any) => getMailRateLimitList(params),
+  delete: (id: string | number) => deleteMailRateLimit(Number(id)),
+};
+
+// 使用 Hook
+const {
+  loading,
+  data,
+  pagination,
+  refresh,
+  reset,
+  search,
+  batchDelete,
+  handleSizeChange,
+  handleCurrentPageChange,
+  handleSelectionChange,
+} = useTable({
+  api,
+});
+
+const drawerVisible = ref(false);
+const mailRateLimitFormRef = ref<typeof MailRateLimitForm>();
+const drawerType = ref<'add' | 'edit' | 'view'>('add');
+const drawerTitle = computed(() => {
+  if (drawerType.value === 'add') {
+    return '配置限流规则';
+  } else if (drawerType.value === 'edit') {
+    return '编辑限流规则';
+  } else {
+    return '查看限流规则';
+  }
+});
+
+const handleAdd = () => {
+  editRow.value = null; // 新增时清空编辑数据
+  drawerType.value = 'add';
+  drawerVisible.value = true;
+};
+
+const editRow = ref<any>(null);
+const handleEdit = (row: any) => {
+  drawerType.value = 'edit';
+  editRow.value = row;
+  drawerVisible.value = true;
+};
+
+const handleAddSuccess = async () => {
+  const flag = await mailRateLimitFormRef.value?.handleSubmit();
+  if (flag) {
+    handleDrawerClosed();
+    refresh();
+  }
+};
+
+const handleDrawerClosed = () => {
+  drawerVisible.value = false;
+  editRow.value = null;
+};
+
+const handleDelete = async (row: MailRateLimitResponse) => {
+  ElMessageBox.confirm(
+    '此限流规则为系统预设规则，删除后将无法进行该维度的限流控制。确认删除？',
+    '删除系统限流规则',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning',
+    },
+  ).then(async (action) => {
+    if (action === 'confirm') {
+      await deleteMailRateLimit(row.id);
+      ElMessage.success('删除成功');
+      refresh();
+    }
+  });
+};
+
+const handleFilterSearch = (params: Record<string, any>) => {
+  search(params);
+};
+
+const handleFilterReset = () => {
+  reset();
+};
+</script>
+
+<template>
+  <MainContainer>
+    <div class="flex h-full w-full flex-col overflow-hidden bg-background">
+      <BusinessFilterBar
+        v-model="searchParams"
+        :items="filterItems"
+        :loading="loading"
+        @search="handleFilterSearch"
+        @reset="handleFilterReset"
+      />
+      <Table
+        :data="data"
+        :columns="columns"
+        :loading="loading"
+        :pagination="pagination"
+        show-toolbar
+        show-top-actions
+        show-pagination
+        show-action
+        :show-layout="false"
+        layout-type="table"
+        action-width="110px"
+        @refresh="refresh"
+        @selection-change="handleSelectionChange"
+        @size-change="handleSizeChange"
+        @current-page-change="handleCurrentPageChange"
+        :on-batch-delete="batchDelete"
+      >
+        <template #top-actions>
+          <div class="flex flex-wrap items-center gap-2">
+            <IconButton type="primary" icon-type="add" @click="handleAdd">
+              配置限流规则
+            </IconButton>
+          </div>
+        </template>
+        <template #action="{ row }">
+          <IconActionGroup :actions="actionBtns" :row="row" />
+        </template>
+      </Table>
+    </div>
+    <Drawer
+      v-model="drawerVisible"
+      :title="drawerTitle"
+      :type="drawerType"
+      size="808px"
+      :show-confirm-button="drawerType !== 'view'"
+      :cancel-text="drawerType === 'view' ? '关闭' : '取消'"
+      @confirm="handleAddSuccess"
+      @closed="handleDrawerClosed"
+    >
+      <MailRateLimitForm
+        ref="mailRateLimitFormRef"
+        :edit-data="editRow"
+        :type="drawerType"
+      />
+    </Drawer>
+  </MainContainer>
+</template>
+
+<style scoped lang="scss"></style>

package/dist/views/sys/mail/mail-rate-limit/index.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/views/sys/mail/mail-template/components/mail-template-form.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    editData?: any;
+    type?: 'add' | 'edit' | 'view';
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    handleSubmit: () => Promise<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "add" | "edit" | "view";
+    editData: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;