@liujitcn/kratos-admin-system 0.0.64 → 0.0.65

package/dist/package/src/views/base/ai-provider/index.vue

@@ -10,6 +10,9 @@
       :model="form"
       :fields="fields"
       :rules="rules"
+      :form-props="{ disabled: testingModels }"
+      :close-on-click-modal="!testingModels"
+      :close-on-press-escape="!testingModels"
       @confirm="submit"
       @close="resetForm"
     >
@@ -23,7 +26,24 @@
               <div class="provider-models__content">
                 <div class="provider-models__heading">
                   <strong>{{ model.model_name }}</strong>
+                  <span v-if="model.display_name" class="provider-models__alias">✦ {{ model.display_name }}</span>
                   <el-tag size="small" effect="plain">{{ apiTypeLabel(model.api_type) }}</el-tag>
+                  <el-tooltip
+                    v-if="modelTestResults[model.model_name]"
+                    :content="modelTestResults[model.model_name]?.message"
+                    :disabled="!modelTestResults[model.model_name]?.message"
+                    placement="top"
+                  >
+                    <el-tag
+                    size="small"
+                    effect="plain"
+                    :type="modelTestResults[model.model_name]?.success ? 'success' : 'danger'"
+                    >
+                      {{ t(modelTestResults[model.model_name]?.success
+                        ? "system.base.ai_provider.model.test_success"
+                        : "system.base.ai_provider.model.test_failed") }} · {{ modelTestResults[model.model_name]?.duration_ms }} ms
+                    </el-tag>
+                  </el-tooltip>
                 </div>
                 <div class="provider-models__details">
                   <span>{{ t("system.base.ai_provider.field.temperature") }}: {{ model.temperature }}</span>
@@ -34,19 +54,32 @@
               </div>
               <div class="provider-models__actions">
                 <el-tooltip :content="t('common.action.edit')" placement="top">
-                  <el-button text circle :icon="EditPen" :aria-label="t('common.action.edit')" @click="openModelDialog(index)" />
+                  <el-button text circle :disabled="testingModels" :icon="EditPen" :aria-label="t('common.action.edit')" @click="openModelDialog(index)" />
                 </el-tooltip>
                 <el-tooltip :content="t('common.action.delete')" placement="top">
-                  <el-button text circle :icon="Delete" :aria-label="t('common.action.delete')" @click="removeModel(index)" />
+                  <el-button text circle :disabled="testingModels" :icon="Delete" :aria-label="t('common.action.delete')" @click="removeModel(index)" />
                 </el-tooltip>
               </div>
             </div>
           </div>
-          <el-button type="primary" plain :icon="CirclePlus" @click="openModelDialog()">
+          <el-button type="primary" plain :icon="CirclePlus" :disabled="testingModels" @click="openModelDialog()">
             {{ t("system.base.ai_provider.model.add") }}
           </el-button>
         </div>
       </template>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button :disabled="testingModels" @click="dialog.visible = false">
+            {{ t("common.action.cancel") }}
+          </el-button>
+          <el-button type="primary" plain :icon="Connection" :loading="testingModels" :disabled="!form.models.length" @click="testProviderModels">
+            {{ t("system.base.ai_provider.model.test") }}
+          </el-button>
+          <el-button type="primary" :disabled="testingModels" @click="submit">
+            {{ t("common.action.confirm") }}
+          </el-button>
+        </div>
+      </template>
     </FormDialog>
 
     <FormDialog
@@ -66,10 +99,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, reactive, ref } from "vue";
+import { computed, reactive, ref, watch } from "vue";
 import { ElMessage, ElMessageBox } from "element-plus";
 import type { FormRules } from "element-plus";
-import { CirclePlus, Delete, EditPen } from "@element-plus/icons-vue";
+import { CirclePlus, Connection, Delete, EditPen } from "@element-plus/icons-vue";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
 import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
@@ -82,6 +115,7 @@ import { defAiProviderService } from "@liujitcn/kratos-admin-system/api/system/a
 import type {
   AiProvider,
   AiProviderForm,
+  AiProviderModelTestResult,
   PageAiProviderRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/ai_provider";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
@@ -101,6 +135,8 @@ type ModelApiType = "CHAT_COMPLETIONS" | "RESPONSES";
 interface AiModelConfig {
   /** 服务商侧的模型名称。 */
   model_name: string;
+  /** 模型在聊天前端的展示名称，留空时由前端按模型名自动映射。 */
+  display_name: string;
   /** 模型请求接口类型。 */
   api_type: ModelApiType;
   /** 文本生成温度。 */
@@ -128,6 +164,15 @@ const dialog = reactive({ visible: false, editing: false });
 const modelDialog = reactive({ visible: false, editing: false, index: -1 });
 const form = reactive<FormState>(defaultForm());
 const modelForm = reactive<AiModelConfig>(defaultModelConfig());
+const testingModels = ref(false);
+const modelTestResults = ref<Record<string, AiProviderModelTestResult>>({});
+
+watch(
+  () => [form.provider, form.base_url, form.api_key, JSON.stringify(form.config_items), JSON.stringify(form.models)],
+  () => {
+    modelTestResults.value = {};
+  }
+);
 
 const statusOptions = computed<ProFormOption[]>(() => [
   { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
@@ -157,6 +202,7 @@ const fields = computed<ProFormField[]>(() => [
 
 const modelFields = computed<ProFormField[]>(() => [
   { prop: "model_name", label: t("system.base.ai_provider.field.model_name"), component: "input", colSpan: 12, props: { maxlength: 100 } },
+  { prop: "display_name", label: t("system.base.ai_provider.field.display_name"), component: "input", colSpan: 12, props: { maxlength: 100, placeholder: t("system.base.ai_provider.model.placeholder.display_name") } },
   { prop: "api_type", label: t("system.base.ai_provider.field.api_type"), component: "select", colSpan: 12, options: modelApiTypeOptions.value },
   { prop: "temperature", label: t("system.base.ai_provider.field.temperature"), component: "input-number", colSpan: 12, props: { min: 0, max: 2, precision: 2, step: 0.1, controlsPosition: "right" } },
   { prop: "max_tokens", label: t("system.base.ai_provider.field.max_tokens"), component: "input-number", colSpan: 12, props: { min: 0, max: 200000, precision: 0, controlsPosition: "right" } },
@@ -189,6 +235,7 @@ const modelRules = computed<FormRules>(() => ({
     { required: true, message: t("system.base.ai_provider.validation.model_name"), trigger: "blur" },
     { max: 100, message: t("system.base.ai_provider.validation.model_name_length"), trigger: "blur" }
   ],
+  display_name: [{ max: 100, message: t("system.base.ai_provider.model.validation.display_name"), trigger: "blur" }],
   api_type: [{ required: true, message: t("system.base.ai_provider.validation.api_type"), trigger: "change" }],
   temperature: [{ type: "number", required: true, min: 0, max: 2, message: t("system.base.ai_provider.model.validation.range"), trigger: "change" }],
   max_tokens: [{ type: "number", required: true, min: 0, max: 200000, message: t("system.base.ai_provider.model.validation.range"), trigger: "change" }],
@@ -281,9 +328,39 @@ async function openDialog(id?: number) {
 async function submit() {
   const valid = await dialogRef.value?.validate();
   if (!valid) return;
+  const payload = buildAiProviderPayload();
+  if (!payload) return;
+  if (dialog.editing) await defAiProviderService.UpdateAiProvider({ ai_provider: payload });
+  else await defAiProviderService.CreateAiProvider({ ai_provider: payload });
+  ElMessage.success(t(dialog.editing ? "system.base.ai_provider.message.update_success" : "system.base.ai_provider.message.create_success"));
+  dialog.visible = false;
+  resetForm();
+  table.value?.getTableList();
+}
+
+/** 测试当前草稿中的全部模型并展示逐项结果。 */
+async function testProviderModels() {
+  const valid = await dialogRef.value?.validate();
+  if (!valid) return;
+  const payload = buildAiProviderPayload();
+  if (!payload) return;
+
+  testingModels.value = true;
+  modelTestResults.value = {};
+  let response: Awaited<ReturnType<typeof defAiProviderService.TestAiProviderModels>>;
+  try {
+    response = await defAiProviderService.TestAiProviderModels({ ai_provider: payload });
+  } finally {
+    testingModels.value = false;
+  }
+  modelTestResults.value = Object.fromEntries(response.results.map(result => [result.model_name, result]));
+}
+
+/** 构造AI Provider保存或测试请求参数。 */
+function buildAiProviderPayload(): AiProviderForm | undefined {
   const config = configItemsToMap(form.config_items);
-  if (!config) return;
-  const payload: AiProviderForm = {
+  if (!config) return undefined;
+  return {
     id: form.id,
     provider: form.provider,
     name: form.name,
@@ -295,12 +372,6 @@ async function submit() {
     sort: form.sort,
     status: form.status
   };
-  if (dialog.editing) await defAiProviderService.UpdateAiProvider({ ai_provider: payload });
-  else await defAiProviderService.CreateAiProvider({ ai_provider: payload });
-  ElMessage.success(t(dialog.editing ? "system.base.ai_provider.message.update_success" : "system.base.ai_provider.message.create_success"));
-  dialog.visible = false;
-  resetForm();
-  table.value?.getTableList();
 }
 
 /** 重置供应商表单。 */
@@ -365,6 +436,7 @@ function parseModelConfigs(raw: string): AiModelConfig[] {
   const values = JSON.parse(raw) as Partial<AiModelConfig>[];
   return values.map(value => ({
     model_name: value.model_name ?? "",
+    display_name: value.display_name ?? "",
     api_type: value.api_type === "RESPONSES" ? "RESPONSES" : "CHAT_COMPLETIONS",
     temperature: value.temperature ?? 0,
     max_tokens: value.max_tokens ?? 0,
@@ -375,7 +447,7 @@ function parseModelConfigs(raw: string): AiModelConfig[] {
 
 /** 创建单个模型的默认配置。 */
 function defaultModelConfig(): AiModelConfig {
-  return { model_name: "", api_type: "CHAT_COMPLETIONS", temperature: 0.2, max_tokens: 1024, timeout_seconds: 60, max_retries: 2 };
+  return { model_name: "", display_name: "", api_type: "CHAT_COMPLETIONS", temperature: 0.2, max_tokens: 1024, timeout_seconds: 60, max_retries: 2 };
 }
 
 /** 将Provider配置对象转换为键值表单项。 */
@@ -411,7 +483,11 @@ async function handleDelete(target: AiProvider | number | Array<number>) {
   const row = typeof target === "object" && !Array.isArray(target) ? target : undefined;
   const ids = (row ? [row.id] : normalizeSelectedIds(target as number | number[])).map(Number);
   if (!ids.length) return;
-  await ElMessageBox.confirm(t("system.base.ai_provider.message.confirm_delete", { name: row?.name ?? ids.join(", ") }), t("common.action.delete"), { type: "warning" });
+  try {
+    await ElMessageBox.confirm(t("system.base.ai_provider.message.confirm_delete", { name: row?.name ?? ids.join(", ") }), t("common.action.delete"), { type: "warning" });
+  } catch {
+    return;
+  }
   for (const id of ids) await defAiProviderService.DeleteAiProvider({ id });
   ElMessage.success(t("system.base.ai_provider.message.delete_success"));
   table.value?.getTableList();
@@ -419,13 +495,25 @@ async function handleDelete(target: AiProvider | number | Array<number>) {
 
 /** 更新AI供应商状态。 */
 async function handleSetStatus(row: AiProvider) {
-  await defAiProviderService.SetAiProviderStatus({
-    id: row.id,
-    status: row.status === Status.STATUS_ENABLE ? Status.STATUS_DISABLE : Status.STATUS_ENABLE
-  });
-  ElMessage.success(t("system.base.ai_provider.message.status_success"));
-  table.value?.getTableList();
-  return true;
+  const status = row.status === Status.STATUS_ENABLE ? Status.STATUS_DISABLE : Status.STATUS_ENABLE;
+  try {
+    await ElMessageBox.confirm(
+      t("common.dialog.status_change", {
+        action: t(status === Status.STATUS_ENABLE ? "common.status.enabled" : "common.status.disabled"),
+        resource: t("system.base.ai_provider.resource"),
+        field: t("system.base.ai_provider.field.name"),
+        value: row.name
+      }),
+      t("common.title.notice"),
+      { type: "warning" }
+    );
+    await defAiProviderService.SetAiProviderStatus({ id: row.id, status });
+    ElMessage.success(t("system.base.ai_provider.message.status_success"));
+    table.value?.getTableList();
+    return true;
+  } catch {
+    return false;
+  }
 }
 </script>
 
@@ -491,6 +579,19 @@ async function handleSetStatus(row: AiProvider) {
   overflow-wrap: anywhere;
 }
 
+.provider-models__alias {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 1px 8px;
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--el-color-primary);
+  background: var(--el-color-primary-light-9);
+  border-radius: 999px;
+  white-space: nowrap;
+}
+
 .provider-models__details {
   flex-wrap: wrap;
   gap: 4px 14px;

package/dist/package/src/views/base/api-rate-limit-policy/index.vue

@@ -30,7 +30,7 @@
                 <el-icon class="parameter-help" tabindex="0"><QuestionFilled /></el-icon>
               </el-tooltip>
             </span>
-            <el-input-number v-model="form.params.tokens_per_second" :min="0" :max="1000000" :precision="3" :step="1" controls-position="right" />
+            <el-input-number v-model="form.params.tokens_per_second" :min="0.001" :max="1000000" :precision="3" :step="1" controls-position="right" />
           </div>
           <div class="parameter-item">
             <span class="parameter-label">
@@ -39,7 +39,7 @@
                 <el-icon class="parameter-help" tabindex="0"><QuestionFilled /></el-icon>
               </el-tooltip>
             </span>
-            <el-input-number v-model="form.params.burst" :min="0" :max="1000000" :precision="0" controls-position="right" />
+            <el-input-number v-model="form.params.burst" :min="1" :max="1000000" :precision="0" controls-position="right" />
           </div>
         </div>
         <div v-else-if="windowedAlgorithms.includes(form.rule_type)" class="parameter-grid">
@@ -262,7 +262,8 @@ function resetForm() {
 /** 根据所选模板加载默认参数。 */
 function handleRuleChange(ruleId?: number) {
   const selected = ruleCatalog.value.find(rule => rule.id === Number(ruleId));
-  form.rule_type = selected?.rule_type ?? BaseRateLimitAlgorithm.BASE_RATE_LIMIT_ALGORITHM_UNSPECIFIED;
+  // 模板缺失时保留当前算法类型，避免编辑态参数区空白导致无法保存。
+  if (selected) form.rule_type = selected.rule_type;
   form.params = selected ? parseRateLimitParams(form.rule_type, selected.default_params) : defaultRateLimitParams(form.rule_type);
 }
 

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

@@ -59,8 +59,8 @@ const statusOptions = computed<ProFormOption[]>(() => [
 ]);
 
 const rules = computed(() => ({
-  provider: [{ required: true, message: t("system.base.message_provider.placeholder.provider"), trigger: "blur" }],
-  name: [{ required: true, message: t("system.base.message_provider.placeholder.name"), trigger: "blur" }]
+  provider: [{ required: true, message: t("system.base.message_provider.validation.provider"), trigger: "blur" }],
+  name: [{ required: true, message: t("system.base.message_provider.validation.name"), trigger: "blur" }]
 }));
 
 const formFields = computed<ProFormField[]>(() => [
@@ -131,7 +131,11 @@ async function handleSubmit() {
 async function handleDelete(value: BaseMessageProvider | number | number[]) {
   const ids = (Array.isArray(value) ? value : typeof value === "object" ? [value.id] : normalizeSelectedIds(value)).join(",");
   if (!ids) return;
-  await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" });
+  try {
+    await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" });
+  } catch {
+    return;
+  }
   await defBaseMessageProviderService.DeleteBaseMessageProvider({ id: ids });
   await proTable.value?.getTableList();
   ElMessage.success(t("common.message.operation_success"));

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

@@ -60,7 +60,7 @@ const contentFormatOptions = computed<ProFormOption[]>(() => [
 ]);
 const categoryOptions = computed<ProFormOption[]>(() => categories.value.map(item => ({ label: item.name, value: item.id })));
 const providerOptions = computed<ProFormOption[]>(() => providers.value.map(item => ({ label: item.name, value: item.id, disabled: item.status !== 1 })));
-const rules = computed(() => ({ category_id: [{ required: true, message: t("system.base.message_template.placeholder.category"), trigger: "change" }], provider_id: [{ required: true, message: t("system.base.message_template.placeholder.provider"), trigger: "change" }], title: [{ required: true, message: t("system.base.message_template.placeholder.title"), trigger: "blur" }] }));
+const rules = computed(() => ({ category_id: [{ required: true, message: t("system.base.message_template.validation.category"), trigger: "change" }], provider_id: [{ required: true, message: t("system.base.message_template.validation.provider"), trigger: "change" }], title: [{ required: true, message: t("system.base.message_template.validation.title"), trigger: "blur" }] }));
 const formFields = computed<ProFormField[]>(() => [
   { prop: "category_id", label: t("system.base.message_template.field.category"), component: "select", options: categoryOptions.value, props: { disabled: dialog.editing, filterable: true } },
   { prop: "provider_id", label: t("system.base.message_template.field.provider"), component: "select", options: providerOptions.value, props: { disabled: dialog.editing, filterable: true } },
@@ -97,7 +97,7 @@ async function loadOptions() {
 async function requestTable(params: Record<string, unknown>) { const data = await defBaseMessageTemplateService.PageBaseMessageTemplate(buildPageRequest<PageBaseMessageTemplateRequest>(params as unknown as PageBaseMessageTemplateRequest)); return { data: { list: data.base_message_templates ?? [], total: data.total } }; }
 async function openDialog(id?: number) { await loadOptions(); await formDialogRef.value?.open({ load: () => (id ? defBaseMessageTemplateService.GetBaseMessageTemplate({ id }) : undefined), commit: data => { Object.assign(formData, defaultForm(), data ?? {}); dialog.editing = Boolean(id); formData.config_items = configToItems(formData.config); } }); }
 async function handleSubmit() { if (!(await formDialogRef.value?.validate())) return; const config = configItemsToMap(formData.config_items); if (!config) return; const payload = JSON.parse(JSON.stringify(formData)) as BaseMessageTemplateForm & { config_items?: ConfigItem[] }; delete payload.config_items; payload.config = config; if (payload.id) await defBaseMessageTemplateService.UpdateBaseMessageTemplate({ base_message_template: payload }); else await defBaseMessageTemplateService.CreateBaseMessageTemplate({ base_message_template: payload }); ElMessage.success(t("common.message.operation_success")); dialog.visible = false; await proTable.value?.getTableList(); }
-async function handleDelete(value: BaseMessageTemplate | number | number[]) { const ids = (Array.isArray(value) ? value : typeof value === "object" ? [value.id] : normalizeSelectedIds(value)).join(","); if (!ids) return; await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" }); await defBaseMessageTemplateService.DeleteBaseMessageTemplate({ id: ids }); await proTable.value?.getTableList(); ElMessage.success(t("common.message.operation_success")); }
+async function handleDelete(value: BaseMessageTemplate | number | number[]) { const ids = (Array.isArray(value) ? value : typeof value === "object" ? [value.id] : normalizeSelectedIds(value)).join(","); if (!ids) return; try { await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" }); } catch { return; } await defBaseMessageTemplateService.DeleteBaseMessageTemplate({ id: ids }); await proTable.value?.getTableList(); ElMessage.success(t("common.message.operation_success")); }
 function handleClose() { Object.assign(formData, defaultForm()); formDialogRef.value?.resetFields(); }
 function contentFormatLabel(value: MessageContentFormat) { return contentFormatOptions.value.find(item => item.value === value)?.label ?? ""; }
 function configToItems(config: Record<string, any> | undefined): ConfigItem[] { return Object.entries(config ?? {}).map(([key, value]) => ({ key, value: typeof value === "string" ? value : JSON.stringify(value) })); }

package/dist/package/src/views/base/rate-limit-rule/index.vue

@@ -21,7 +21,7 @@
                 <el-icon class="parameter-help" tabindex="0"><QuestionFilled /></el-icon>
               </el-tooltip>
             </span>
-            <el-input-number v-model="form.params.tokens_per_second" :min="0" :max="1000000" :precision="3" :step="1" controls-position="right" />
+            <el-input-number v-model="form.params.tokens_per_second" :min="0.001" :max="1000000" :precision="3" :step="1" controls-position="right" />
           </div>
           <div class="parameter-item">
             <span class="parameter-label">
@@ -30,7 +30,7 @@
                 <el-icon class="parameter-help" tabindex="0"><QuestionFilled /></el-icon>
               </el-tooltip>
             </span>
-            <el-input-number v-model="form.params.burst" :min="0" :max="1000000" :precision="0" controls-position="right" />
+            <el-input-number v-model="form.params.burst" :min="1" :max="1000000" :precision="0" controls-position="right" />
           </div>
         </div>
         <div v-else-if="windowedAlgorithms.includes(form.rule_type)" class="parameter-grid">
@@ -125,10 +125,15 @@ const statusOptions = computed<ProFormOption[]>(() => [
   { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
   { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
 ]);
+/** 当前算法说明提示，未选择算法时为空避免渲染空 tooltip。 */
+const ruleTypeTooltip = computed(() => {
+  const key = rateLimitAlgorithmTooltipKey(form.rule_type);
+  return key ? t(key) : undefined;
+});
 const fields = computed<ProFormField[]>(() => [
   { prop: "code", label: t("system.base.rate_limit_rule.field.code"), component: "input", props: { disabled: Boolean(form.id) } },
   { prop: "name", label: t("system.base.rate_limit_rule.field.name"), component: "input" },
-  { prop: "rule_type", label: t("system.base.rate_limit_rule.field.rule_type"), labelTooltip: t(rateLimitAlgorithmTooltipKey(form.rule_type)), component: "select", options: algorithmOptions.value, props: { disabled: Boolean(form.id), onChange: handleAlgorithmChange } },
+  { prop: "rule_type", label: t("system.base.rate_limit_rule.field.rule_type"), labelTooltip: ruleTypeTooltip.value, component: "select", options: algorithmOptions.value, props: { disabled: Boolean(form.id), onChange: handleAlgorithmChange } },
   { prop: "parameters", label: t("system.base.rate_limit_rule.field.parameters"), labelTooltip: t("system.base.rate_limit_rule.tooltip.parameters"), component: "slot", slotName: "parameters", colSpan: 24 },
   { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value },
   { prop: "remark", label: t("common.field.remark"), component: "textarea" }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-system",
   "private": false,
-  "version": "0.0.64",
+  "version": "0.0.65",
   "type": "module",
   "description": "kratos-admin system management module",
   "license": "MIT",
@@ -16,7 +16,7 @@
     "sortablejs": "^1.15.2",
     "swagger-ui-dist": "^5.32.15",
     "vue-element-plus-x": "^2.0.3",
-    "@liujitcn/kratos-admin-core": "0.0.64"
+    "@liujitcn/kratos-admin-core": "0.0.65"
   },
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",