@liujitcn/kratos-admin-system 0.0.52 → 0.0.54

package/dist/package/src/views/base/dept/index.vue

@@ -301,16 +301,15 @@ function refreshTable() {
 /**
  * 加载部门下拉树数据，供弹窗选择上级部门。
  */
-async function loadDeptOptions() {
+async function requestDeptOptions(tenantId = formData.tenant_id) {
   // 默认租户未选择目标租户时仅保留顶级部门，避免混入其他租户的部门树。
-  if (isDefaultTenant.value && !formData.tenant_id) {
-    deptOptions.value = [{ value: 0, label: t("system.base.dept.value.root"), disabled: false, has_children: true, children: [] }];
-    return;
+  if (isDefaultTenant.value && !tenantId) {
+    return [{ value: 0, label: t("system.base.dept.value.root"), disabled: false, has_children: true, children: [] }];
   }
   const optionBaseDeptResponse = await defBaseDeptService.OptionBaseDept({
-    tenant_id: toRequestTenantId(formData.tenant_id)
+    tenant_id: toRequestTenantId(tenantId)
   });
-  deptOptions.value = [
+  return [
     {
       value: 0,
       label: t("system.base.dept.value.root"),
@@ -321,6 +320,11 @@ async function loadDeptOptions() {
   ];
 }
 
+/** 加载部门下拉树数据并更新表单选项。 */
+async function loadDeptOptions() {
+  deptOptions.value = await requestDeptOptions();
+}
+
 /**
  * 切换表单租户时重新加载对应租户的上级部门树。
  */
@@ -333,31 +337,33 @@ async function handleFormTenantChange() {
  * 打开部门弹窗。
  */
 async function handleOpenDialog(parent_id?: number, deptId?: number, tenantId?: number) {
-  resetForm();
-  await loadTenantOptions();
-  if (deptId) {
-    dialog.titleKey = "common.action.edit_resource";
-    dialog.visible = true;
-    defBaseDeptService.GetBaseDept({ id: deptId }).then(async data => {
-      Object.assign(formData, data);
-      await loadDeptOptions();
-    });
-    return;
-  }
-
-  // 从部门行新增子部门时，继承父部门租户并加载同租户上级部门树。
-  formData.tenant_id = tenantId;
-  await loadDeptOptions();
-  dialog.titleKey = "common.action.create_resource";
-  dialog.visible = true;
-  formData.parent_id = parent_id ?? 0;
+  await formDialogRef.value?.open({
+    load: async () => {
+      await loadTenantOptions();
+      const data = deptId ? await defBaseDeptService.GetBaseDept({ id: deptId }) : undefined;
+      const options = await requestDeptOptions(data?.tenant_id ?? tenantId);
+      return { data, options };
+    },
+    commit: ({ data, options }) => {
+      resetForm();
+      deptOptions.value = options;
+      dialog.titleKey = deptId ? "common.action.edit_resource" : "common.action.create_resource";
+      if (data) {
+        Object.assign(formData, data);
+      } else {
+        // 从部门行新增子部门时，继承父部门租户并加载同租户上级部门树。
+        formData.tenant_id = tenantId;
+        formData.parent_id = parent_id ?? 0;
+      }
+    }
+  });
 }
 
 /**
  * 关闭部门弹窗。
  */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/dict/index.vue

@@ -247,22 +247,26 @@ function refreshTable() {
  * 打开字典编辑弹窗。
  */
 async function handleOpenDialog(dictId?: number) {
-  await loadEnabledBaseLanguages();
   resetForm();
   dialog.editing = Boolean(dictId);
-  dialog.visible = true;
-  if (!dictId) return;
-
-  const data = await defBaseDictService.GetBaseDict({ id: dictId });
-  Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+  await formDialogRef.value?.open({
+    load: async () => ({
+      data: dictId ? await defBaseDictService.GetBaseDict({ id: dictId }) : undefined,
+      languages: await loadEnabledBaseLanguages()
+    }),
+    commit: ({ data }) => {
+      if (!data) return;
+      Object.assign(formData, data);
+      i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+    }
+  });
 }
 
 /**
  * 关闭字典弹窗并恢复表单初始值。
  */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/dict/item.vue

@@ -310,22 +310,26 @@ function refreshTable() {
  * 打开字典项编辑弹窗。
  */
 async function handleOpenDialog(dictItemId?: number) {
-  await loadEnabledBaseLanguages();
   resetForm();
   dialog.editing = Boolean(dictItemId);
-  dialog.visible = true;
-  if (!dictItemId) return;
-
-  const data = await defBaseDictItemService.GetBaseDictItem({ id: dictItemId });
-  Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+  await formDialogRef.value?.open({
+    load: async () => ({
+      data: dictItemId ? await defBaseDictItemService.GetBaseDictItem({ id: dictItemId }) : undefined,
+      languages: await loadEnabledBaseLanguages()
+    }),
+    commit: ({ data }) => {
+      if (!data) return;
+      Object.assign(formData, data);
+      i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+    }
+  });
 }
 
 /**
  * 关闭字典项弹窗并恢复默认值。
  */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/i18n-custom/index.vue

@@ -213,14 +213,14 @@ const headerActions = computed<HeaderActionProps[]>(() => [
 
 /** 请求国际化自定义翻译分页列表。 */
 async function requestBaseI18nCustomTable(params: PageBaseI18nCustomRequest) {
-  await loadLanguages();
+  enabledLanguages.value = await loadLanguages();
   const data = await defBaseI18nCustomService.PageBaseI18nCustom(buildPageRequest(params));
   return { data: { list: data.items ?? [], total: data.total } };
 }
 
 /** 加载启用语言选项。 */
 async function loadLanguages() {
-  enabledLanguages.value = await loadEnabledBaseLanguages();
+  return loadEnabledBaseLanguages();
 }
 
 /** 返回语言显示名称。 */
@@ -231,17 +231,23 @@ function getLanguageLabel(locale: string) {
 
 /** 打开国际化自定义翻译编辑弹窗。 */
 async function handleOpenDialog(id?: number) {
-  await loadLanguages();
   resetForm();
   dialog.editing = Boolean(id);
-  dialog.visible = true;
-  if (!id) return;
-  Object.assign(formData, await defBaseI18nCustomService.GetBaseI18nCustom({ id }));
+  await formDialogRef.value?.open({
+    load: async () => ({
+      languages: await loadLanguages(),
+      data: id ? await defBaseI18nCustomService.GetBaseI18nCustom({ id }) : undefined
+    }),
+    commit: ({ languages, data }) => {
+      enabledLanguages.value = languages;
+      if (data) Object.assign(formData, data);
+    }
+  });
 }
 
 /** 关闭编辑弹窗并重置表单。 */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/job/index.vue

@@ -368,22 +368,26 @@ function refreshTable() {
  * 打开定时任务弹窗。
  */
 async function handleOpenDialog(jobId?: number) {
-  await loadEnabledBaseLanguages();
   resetForm();
   dialog.editing = Boolean(jobId);
-  dialog.visible = true;
-  if (!jobId) return;
-
-  const data = await defBaseJobService.GetBaseJob({ id: jobId });
-  Object.assign(formData, data);
-  i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+  await formDialogRef.value?.open({
+    load: async () => ({
+      data: jobId ? await defBaseJobService.GetBaseJob({ id: jobId }) : undefined,
+      languages: await loadEnabledBaseLanguages()
+    }),
+    commit: ({ data }) => {
+      if (!data) return;
+      Object.assign(formData, data);
+      i18nValues.value = normalizeDynamicI18ns(data.i18ns as DynamicI18nRecord[]);
+    }
+  });
 }
 
 /**
  * 关闭定时任务弹窗并恢复默认表单值。
  */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/job/log.vue

@@ -2,7 +2,7 @@
   <div class="table-box">
     <ProTable ref="proTable" row-key="id" :columns="columns" :request-api="requestBaseJobLogTable" />
 
-    <ProDialog v-model="dialog.visible" :title="t('system.base.job.log.title.detail')" width="1200px" @close="handleCloseDialog">
+    <ProDialog ref="dialogRef" v-model="dialog.visible" :title="t('system.base.job.log.title.detail')" width="1200px" @close="handleCloseDialog">
       <div class="detail-container">
         <el-descriptions :title="t('system.base.job.log.section.basic')" border :column="2">
           <el-descriptions-item :label="t('common.field.status')">
@@ -60,6 +60,7 @@ defineOptions({
 
 const route = useRoute();
 const proTable = ref<ProTableInstance>();
+const dialogRef = ref<InstanceType<typeof ProDialog>>();
 const initialJobID = Number(route.query.jobId ?? 0);
 
 const dialog = reactive({
@@ -180,21 +181,25 @@ async function requestBaseJobLogTable(params: PageBaseJobLogRequest) {
 /**
  * 打开定时任务日志详情弹窗。
  */
-function handleOpenDialog(logId?: number) {
+async function handleOpenDialog(logId?: number) {
   resetDetail();
-  dialog.visible = true;
-  if (!logId) return;
-
-  defBaseJobLogService.GetBaseJobLog({ id: logId }).then(data => {
-    Object.assign(detail, data);
-  });
+  try {
+    await dialogRef.value?.open({
+      load: () => (logId ? defBaseJobLogService.GetBaseJobLog({ id: logId }) : undefined),
+      commit: data => {
+        if (data) Object.assign(detail, data);
+      }
+    });
+  } catch {
+    dialogRef.value?.close();
+  }
 }
 
 /**
  * 关闭定时任务日志详情弹窗。
  */
 function handleCloseDialog() {
-  dialog.visible = false;
+  dialogRef.value?.close();
   resetDetail();
 }
 

package/dist/package/src/views/base/language/index.vue

@@ -144,14 +144,17 @@ async function requestBaseLanguageTable(params: PageBaseLanguageRequest) {
 async function handleOpenDialog(id?: number) {
   resetForm();
   dialog.editing = Boolean(id);
-  dialog.visible = true;
-  if (!id) return;
-  Object.assign(formData, await defBaseLanguageService.GetBaseLanguage({ id }));
+  await formDialogRef.value?.open({
+    load: () => (id ? defBaseLanguageService.GetBaseLanguage({ id }) : undefined),
+    commit: data => {
+      if (data) Object.assign(formData, data);
+    }
+  });
 }
 
 /** 关闭语言编辑弹窗。 */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 

package/dist/package/src/views/base/login-policy/index.vue

@@ -442,23 +442,34 @@ async function requestTable(params: Record<string, unknown>) {
 
 /** 打开登录策略表单。 */
 async function openDialog(id?: number) {
-  Object.assign(formData, defaultForm());
-  dialog.titleKey = id ? "common.action.edit" : "common.action.create";
-  await loadTenantOptions();
-  if (id) {
-    const detail = await defBaseLoginPolicyService.GetBaseLoginPolicy({ id });
-    Object.assign(formData, detail, { initial_password: "", rules: detail.rules ?? [] });
-    if (formData.scope_type === BaseLoginPolicyScopeType.BASE_LOGIN_POLICY_SCOPE_TYPE_USER && formData.tenant_id) {
-      await loadUserOptions(formData.tenant_id);
+  await formDialogRef.value?.open({
+    load: async () => {
+      await loadTenantOptions();
+      const detail = id ? await defBaseLoginPolicyService.GetBaseLoginPolicy({ id }) : undefined;
+      const loadedUserOptions =
+        detail?.scope_type === BaseLoginPolicyScopeType.BASE_LOGIN_POLICY_SCOPE_TYPE_USER && detail.tenant_id
+          ? await requestUserOptions(detail.tenant_id)
+          : [];
+      return { detail, loadedUserOptions };
+    },
+    commit: ({ detail, loadedUserOptions }) => {
+      Object.assign(formData, defaultForm());
+      dialog.titleKey = id ? "common.action.edit" : "common.action.create";
+      if (detail) Object.assign(formData, detail, { initial_password: "", rules: detail.rules ?? [] });
+      userOptions.value = loadedUserOptions;
     }
-  }
-  dialog.visible = true;
+  });
 }
 
 /** 加载指定租户的用户选项。 */
 async function loadUserOptions(tenantId: number) {
+  userOptions.value = await requestUserOptions(tenantId);
+}
+
+/** 请求指定租户的用户选项。 */
+async function requestUserOptions(tenantId: number) {
   const response = await defBaseUserService.OptionBaseUser({ keyword: "", tenant_id: tenantId });
-  userOptions.value = response.list ?? [];
+  return response.list ?? [];
 }
 
 /** 提交登录策略表单。 */

package/dist/package/src/views/base/menu/index.vue

@@ -1053,8 +1053,10 @@ function buildSubmitPayload(): BaseMenuForm {
 /** 加载菜单树选项和 API 列表，确保弹窗打开时相关数据已可用。 */
 async function loadDialogResources() {
   const [menuData, apiData] = await Promise.all([defBaseMenuService.TreeBaseMenu({}), defBaseApiService.OptionBaseApi({})]);
-  menuOptions.value = buildMenuOptions(menuData.base_menus ?? []);
-  apiList.value = apiData.base_apis ?? [];
+  return {
+    menuOptions: buildMenuOptions(menuData.base_menus ?? []),
+    apiList: apiData.base_apis ?? []
+  };
 }
 
 /** 根据关键字递归过滤菜单树，保留匹配节点及其父级。 */
@@ -1108,24 +1110,29 @@ function refreshTable() {
  * parentMenu 为新增时的固定父节点，menuId 为编辑时的菜单 ID。
  */
 async function handleOpenDialog(parentMenu?: BaseMenu, menuId?: number) {
-  await loadEnabledBaseLanguages();
-  await loadDialogResources();
-  dialog.parentLocked = Boolean(parentMenu || menuId);
-  dialog.editing = Boolean(menuId);
-  dialog.parentType = parentMenu?.type ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
-  resetForm(menuId ? undefined : { parent_id: parentMenu?.id });
-  dialog.visible = true;
-
-  if (menuId) {
-    const data = await defBaseMenuService.GetBaseMenu({ id: menuId });
-    resetForm(data);
-    return;
-  }
+  await formDialogRef.value?.open({
+    load: async () => {
+      await loadEnabledBaseLanguages();
+      const [resources, data] = await Promise.all([
+        loadDialogResources(),
+        menuId ? defBaseMenuService.GetBaseMenu({ id: menuId }) : Promise.resolve(undefined)
+      ]);
+      return { resources, data };
+    },
+    commit: ({ resources, data }) => {
+      menuOptions.value = resources.menuOptions;
+      apiList.value = resources.apiList;
+      dialog.parentLocked = Boolean(parentMenu || menuId);
+      dialog.editing = Boolean(menuId);
+      dialog.parentType = parentMenu?.type ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
+      resetForm(data ?? (menuId ? undefined : { parent_id: parentMenu?.id }));
+    }
+  });
 }
 
 /** 关闭菜单弹窗并显式重置表单与校验状态。 */
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   dialog.parentType = BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
   dialog.parentLocked = true;
   resetForm();

package/dist/package/src/views/base/message/index.vue

@@ -47,6 +47,7 @@
       </template>
     </FormDialog>
     <ProDialog
+      ref="contentDialogRef"
       v-model="content.visible"
       :title="content.data?.base_message?.title || t('system.base.message.content.title')"
       width="760px"
@@ -68,6 +69,7 @@
       </template>
     </ProDialog>
     <ProDialog
+      ref="detailDialogRef"
       v-model="detail.visible"
       :title="t('system.base.message.send_detail.title')"
       width="min(1200px, calc(100vw - 32px))"
@@ -112,7 +114,9 @@
           <el-table-column prop="include_children" :label="t('system.base.message.field.include_children')" width="120">
             <template #default="scope">{{ scope.row.include_children ? t("common.value.yes") : t("common.value.no") }}</template>
           </el-table-column>
-          <el-table-column prop="status" :label="t('common.field.status')" width="120" />
+          <el-table-column prop="status" :label="t('common.field.status')" width="120">
+            <template #default="scope">{{ optionLabel(dispatchStatusOptions, scope.row.status) }}</template>
+          </el-table-column>
           <el-table-column prop="matched_total" :label="t('system.base.message.field.matched_total')" width="110" align="right" />
           <el-table-column prop="inserted_total" :label="t('system.base.message.field.inserted_total')" width="110" align="right" />
           <el-table-column prop="attempt_count" :label="t('system.base.message.field.attempt_count')" width="90" align="right" />
@@ -190,6 +194,8 @@ const { BUTTONS } = useAuthButtons();
 const { isDefaultTenant, tenantColumns, tenantFormField, loadTenantOptions } = useTenantScope();
 const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
+const contentDialogRef = ref<InstanceType<typeof ProDialog>>();
+const detailDialogRef = ref<InstanceType<typeof ProDialog>>();
 const categoryOptions = ref<ProFormOption[]>([]);
 const dialog = reactive({ visible: false, titleKey: "common.action.create" });
 const content = reactive<{ visible: boolean; loading: boolean; data?: BaseMessageDetail }>({ visible: false, loading: false });
@@ -219,6 +225,13 @@ const statusOptions = computed<ProFormOption[]>(() => [
   { label: t("system.base.message.status.published"), value: MessageStatus.MESSAGE_STATUS_PUBLISHED },
   { label: t("system.base.message.status.revoked"), value: MessageStatus.MESSAGE_STATUS_REVOKED }
 ]);
+const dispatchStatusOptions = computed<ProFormOption[]>(() => [
+  { label: t("system.base.message.dispatch_status.pending"), value: MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_PENDING },
+  { label: t("system.base.message.dispatch_status.running"), value: MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_RUNNING },
+  { label: t("system.base.message.dispatch_status.succeeded"), value: MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_SUCCEEDED },
+  { label: t("system.base.message.dispatch_status.failed"), value: MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_FAILED },
+  { label: t("system.base.message.dispatch_status.cancelled"), value: MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_CANCELLED }
+]);
 onMounted(() => {
   void loadCategoryOptions();
   void loadTenantOptions();
@@ -539,26 +552,42 @@ async function requestTable(params: Record<string, unknown>) {
 
 /** 加载消息分类选项。 */
 async function loadCategoryOptions() {
+  categoryOptions.value = await requestCategoryOptions();
+}
+
+/** 请求消息分类选项。 */
+async function requestCategoryOptions() {
   const result = await defBaseMessageCategoryService.OptionBaseMessageCategory({});
-  categoryOptions.value = result.list.map(item => ({ label: item.label, value: item.value, disabled: item.disabled }));
+  return result.list.map(item => ({ label: item.label, value: item.value, disabled: item.disabled }));
 }
 
 /** 打开消息草稿表单。 */
 async function openDialog(id?: number) {
-  await loadTenantOptions();
-  Object.assign(formState, defaultForm());
-  dialog.titleKey = id ? "common.action.edit" : "common.action.create";
-  if (id) {
-    const detail = await defBaseMessageService.GetBaseMessage({ id });
-    Object.assign(formState, detail.form);
-    formState.audiences = detail.form?.audiences?.map(item => ({ ...item })) ?? [defaultAudience()];
-  }
-  await loadCategoryOptions();
-  dialog.visible = true;
+  await formDialogRef.value?.open({
+    load: async () => {
+      await loadTenantOptions();
+      const [detail, categories] = await Promise.all([
+        id ? defBaseMessageService.GetBaseMessage({ id }) : Promise.resolve(undefined),
+        requestCategoryOptions()
+      ]);
+      return { detail, categories };
+    },
+    commit: ({ detail, categories }) => {
+      Object.assign(formState, defaultForm());
+      dialog.titleKey = id ? "common.action.edit" : "common.action.create";
+      categoryOptions.value = categories;
+      if (detail) {
+        Object.assign(formState, detail.form);
+        formState.audiences = detail.form?.audiences?.map(item => ({ ...item })) ?? [defaultAudience()];
+      }
+    }
+  });
 }
 
 /** 提交消息草稿。 */
 async function handleSubmit() {
+  const valid = await formDialogRef.value?.validate();
+  if (!valid) return;
   const audiences = formState.audiences.length > 0 ? formState.audiences.map(item => ({ ...item })) : [defaultAudience()];
   const payload: BaseMessageForm = {
     ...formState,
@@ -576,21 +605,27 @@ async function handleSubmit() {
 
 /** 打开发送详情并加载投递进度。 */
 async function openDetail(id: number) {
-  detail.data = await defBaseMessageService.GetBaseMessage({ id });
-  detail.visible = true;
+  await detailDialogRef.value?.open({
+    load: () => defBaseMessageService.GetBaseMessage({ id }),
+    commit: data => {
+      detail.data = data;
+    }
+  });
 }
 
 /** 打开消息正文并单独展示内容。 */
 async function openContent(id: number) {
-  content.visible = true;
-  content.loading = true;
-  content.data = undefined;
   try {
-    content.data = await defBaseMessageService.GetBaseMessage({ id });
+    await contentDialogRef.value?.open({
+      load: () => defBaseMessageService.GetBaseMessage({ id }),
+      commit: data => {
+        content.data = data;
+        content.loading = false;
+      }
+    });
   } catch {
-    content.visible = false;
-  } finally {
     content.loading = false;
+    contentDialogRef.value?.close();
   }
 }
 
@@ -604,7 +639,16 @@ async function retryDispatch(id: number) {
 
 /** 删除草稿消息。 */
 async function handleDelete(value: BaseMessage | BaseMessage[] | number | number[]) {
-  const ids = normalizeSelectedIds(value as Parameters<typeof normalizeSelectedIds>[0]);
+  const idList = Array.isArray(value)
+    ? value.map(item => (typeof item === "object" ? item.id : item))
+    : typeof value === "object"
+      ? [value.id]
+      : normalizeSelectedIds(value);
+  const ids = idList.filter(item => item !== undefined && item !== null && item !== "");
+  if (!ids.length) {
+    ElMessage.warning(t("common.message.select_delete_item"));
+    return;
+  }
   await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" });
   await defBaseMessageService.DeleteBaseMessage({ id: ids.join(",") });
   ElMessage.success(t("common.message.operation_success"));

package/dist/package/src/views/base/message-category/index.vue

@@ -302,14 +302,20 @@ async function requestTable(params: Record<string, unknown>) {
 
 /** 打开消息分类表单。 */
 async function openDialog(id?: number) {
-  Object.assign(formData, defaultForm());
-  dialog.titleKey = id ? "common.action.edit" : "common.action.create";
-  if (id) Object.assign(formData, await defBaseMessageCategoryService.GetBaseMessageCategory({ id }));
-  dialog.visible = true;
+  await formDialogRef.value?.open({
+    load: () => (id ? defBaseMessageCategoryService.GetBaseMessageCategory({ id }) : undefined),
+    commit: data => {
+      Object.assign(formData, defaultForm());
+      dialog.titleKey = id ? "common.action.edit" : "common.action.create";
+      if (data) Object.assign(formData, data);
+    }
+  });
 }
 
 /** 提交消息分类表单。 */
 async function handleSubmit() {
+  const valid = await formDialogRef.value?.validate();
+  if (!valid) return;
   const payload = formData as BaseMessageCategoryForm;
   if (payload.id) await defBaseMessageCategoryService.UpdateBaseMessageCategory({ base_message_category: payload });
   else await defBaseMessageCategoryService.CreateBaseMessageCategory({ base_message_category: payload });

package/dist/package/src/views/base/oauth-client/index.vue

@@ -266,12 +266,17 @@ async function loadApiOptions() {
 }
 
 async function handleOpenDialog(id?: number) {
-  await loadTenantOptions();
-  await loadApiOptions();
   resetForm();
   dialog.titleKey = id ? "common.action.edit" : "common.action.create";
-  dialog.visible = true;
-  if (id) Object.assign(formData, await defOauthClientService.GetOauthClient({ id }));
+  await formDialogRef.value?.open({
+    load: async () => ({
+      data: id ? await defOauthClientService.GetOauthClient({ id }) : undefined,
+      resources: await Promise.all([loadTenantOptions(), loadApiOptions()])
+    }),
+    commit: ({ data }) => {
+      if (data) Object.assign(formData, data);
+    }
+  });
 }
 
 function resetForm() {
@@ -289,7 +294,7 @@ function resetForm() {
 }
 
 function handleCloseDialog() {
-  dialog.visible = false;
+  formDialogRef.value?.close();
   resetForm();
 }
 
@@ -369,6 +374,11 @@ function handleDelete(selected?: number | string | Array<number | string> | Oaut
 }
 
 async function handleCopyCredentials(row: OauthClient) {
+  await ElMessageBox.confirm(
+    t("system.base.oauth_client.confirm.rotate_credentials"),
+    t("common.title.warning"),
+    { type: "warning" }
+  );
   const credentials = await defOauthClientService.RotateOauthClientCredentials({ id: row.id });
   const content = [
     `${t("system.base.oauth_client.field.client_id")}：${credentials.client_id}`,