@liujitcn/kratos-admin-system 0.0.62 → 0.0.65

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

@@ -47,7 +47,6 @@ import type {
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job";
 import router, { navigateTo } from "@liujitcn/kratos-admin-core/navigation";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
-import { I18nTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
 import DynamicI18nCell from "@liujitcn/kratos-admin-system/components/i18n/DynamicI18nCell.vue";
@@ -168,7 +167,7 @@ function renderJobNameCell(scope: RenderScope<BaseJob>) {
   const row = scope.row;
   return h(DynamicI18nCell, {
     source: row.name,
-    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_JOB_NAME,
+    targetKey: "base_job.name",
     targetId: row.id,
     i18ns: row.i18ns
   });
@@ -419,7 +418,7 @@ function handleSubmit() {
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseJobForm;
     submitData.i18ns = serializeDynamicI18ns(
       i18nValues.value,
-      I18nTargetType.I18N_TARGET_TYPE_BASE_JOB_NAME,
+      "base_job.name",
       submitData.id,
       submitData.name
     );

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

@@ -17,7 +17,7 @@
             <pre class="code-block">{{ formatJson(detail.input) }}</pre>
           </el-descriptions-item>
           <el-descriptions-item :label="t('system.base.job.log.field.output')">
-            <pre class="code-block">{{ formatJson(detail.output) }}</pre>
+            <pre class="code-block">{{ formatJson(resolvePersistedTaskOutput(detail.output)) }}</pre>
           </el-descriptions-item>
         </el-descriptions>
 
@@ -25,7 +25,7 @@
           v-if="detail.status === BaseJobLogStatus.BASE_JOB_LOG_STATUS_FAIL"
           :title="t('system.base.job.log.field.error')"
           type="error"
-          :description="detail.error"
+          :description="resolvePersistedMessage(detail.error)"
           class="mt-4"
           show-icon
         />
@@ -52,6 +52,7 @@ import { formatDateTime, formatJson } from "@liujitcn/kratos-admin-core/format";
 import type { BaseJobLog, PageBaseJobLogRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job_log";
 import { BaseJobLogStatus } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_job_log";
 import { t } from "@liujitcn/kratos-admin-core";
+import { resolvePersistedMessage, resolvePersistedTaskOutput } from "../../../utils/persisted-message";
 
 defineOptions({
   name: "BaseJobLog",

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

@@ -38,15 +38,23 @@
         <DynamicI18nEditor v-model="i18nValues" :source="formData.meta.title" :maxlength="100" />
       </template>
 
-      <template #apiTransferItem="slotScope">
-        <el-popover effect="light" trigger="hover" placement="top" width="auto">
-          <template #default>
-            <div>{{ t("system.base.api.field.operation") }}：{{ slotScope.option.operation }}</div>
-            <div>{{ t("system.base.api.field.method") }}：{{ slotScope.option.method }}</div>
-            <div>{{ t("system.base.api.field.path") }}：{{ slotScope.option.path }}</div>
+      <template #apiTransfer>
+        <ApiTransfer
+          v-model="formData.api"
+          :options="apiOptions"
+          :titles="[t('system.base.menu.value.available_api'), t('system.base.menu.value.selected_api')]"
+        >
+          <template #default="{ option }">
+            <el-popover effect="light" trigger="hover" placement="top" width="auto">
+              <template #default>
+                <div>{{ t("system.base.api.field.operation") }}：{{ option.operation }}</div>
+                <div>{{ t("system.base.api.field.method") }}：{{ option.method }}</div>
+                <div>{{ t("system.base.api.field.path") }}：{{ option.path }}</div>
+              </template>
+              <template #reference>{{ option.label }}</template>
+            </el-popover>
           </template>
-          <template #reference>{{ slotScope.option.label }}</template>
-        </el-popover>
+        </ApiTransfer>
       </template>
     </FormDialog>
   </div>
@@ -65,9 +73,10 @@ import type {
 } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import SelectIcon from "@liujitcn/kratos-admin-core/components/SelectIcon/index.vue";
+import ApiTransfer from "@liujitcn/kratos-admin-system/components/api/ApiTransfer.vue";
+import { loadApiTransferCatalog, type ApiTransferOption } from "@liujitcn/kratos-admin-system/components/api/apiTransfer";
 import { defBaseMenuService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_menu";
 import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_language";
-import { defBaseApiService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_api";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import type { BaseApi } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_api";
 import type {
@@ -79,7 +88,6 @@ import type {
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_menu";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 import { BaseMenuType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/common";
-import { I18nTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_i18n";
 import { normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
 import DynamicI18nEditor from "@liujitcn/kratos-admin-system/components/i18n/DynamicI18nEditor.vue";
@@ -113,6 +121,7 @@ const menuOptions = ref<ProFormOption[]>([]);
 const parentMenuTypeMap = ref(new Map<number, BaseMenuType>());
 const appMenuIds = ref(new Set<number>([APP_MENU_ROOT_ID]));
 const apiList = ref<BaseApi[]>([]);
+const apiOptions = ref<ApiTransferOption[]>([]);
 const i18nValues = ref<DynamicI18nValue[]>(normalizeDynamicI18ns(undefined));
 
 const dialog = reactive({
@@ -296,7 +305,7 @@ function renderMenuTitleCell(scope: RenderScope<BaseMenu>) {
   const row = scope.row;
   return h(DynamicI18nCell, {
     source: row.meta?.title ?? "",
-    targetType: I18nTargetType.I18N_TARGET_TYPE_BASE_MENU_META_TITLE,
+    targetKey: "base_menu.meta.title",
     targetId: row.id,
     i18ns: row.i18ns
   });
@@ -411,15 +420,6 @@ const headerActions = computed<HeaderActionProps[]>(() => [
   }
 ]);
 
-/** API 穿梭框可选数据。 */
-const transferData = computed<ProFormOption[]>(() => {
-  return apiList.value.map(item => ({
-    ...item,
-    value: item.operation,
-    label: `${item.service_desc}/${item.desc}`
-  }));
-});
-
 /** 菜单表单字段配置。 */
 const formFields = computed<ProFormField[]>(() => [
   {
@@ -653,14 +653,8 @@ const formFields = computed<ProFormField[]>(() => [
   {
     prop: "api",
     label: t("system.base.menu.field.api_list"),
-    component: "transfer",
-    slotName: "apiTransferItem",
-    options: transferData.value,
-    props: {
-      class: "menu-api-transfer",
-      filterable: true,
-      titles: [t("system.base.menu.value.available_api"), t("system.base.menu.value.selected_api")]
-    },
+    component: "slot",
+    slotName: "apiTransfer",
     visible: model =>
       model.id === APP_MENU_ROOT_ID ||
       model.type === BaseMenuType.BASE_MENU_TYPE_MENU ||
@@ -993,7 +987,7 @@ function buildSubmitPayload(): BaseMenuForm {
   const payload = normalizeMenuForm(formData);
   payload.i18ns = serializeDynamicI18ns(
     i18nValues.value,
-    I18nTargetType.I18N_TARGET_TYPE_BASE_MENU_META_TITLE,
+    "base_menu.meta.title",
     payload.id,
     payload.meta?.title ?? ""
   );
@@ -1054,10 +1048,11 @@ function buildSubmitPayload(): BaseMenuForm {
 
 /** 加载菜单树选项和 API 列表，确保弹窗打开时相关数据已可用。 */
 async function loadDialogResources() {
-  const [menuData, apiData] = await Promise.all([defBaseMenuService.TreeBaseMenu({}), defBaseApiService.OptionBaseApi({})]);
+  const [menuData, apiCatalog] = await Promise.all([defBaseMenuService.TreeBaseMenu({}), loadApiTransferCatalog()]);
   return {
     menuOptions: buildMenuOptions(menuData.base_menus ?? []),
-    apiList: apiData.base_apis ?? []
+    apiList: apiCatalog.apis,
+    apiOptions: apiCatalog.options
   };
 }
 
@@ -1137,6 +1132,7 @@ async function handleOpenDialog(parentMenu?: BaseMenu, menuId?: number) {
     commit: ({ resources, data }) => {
       menuOptions.value = resources.menuOptions;
       apiList.value = resources.apiList;
+      apiOptions.value = resources.apiOptions;
       dialog.parentLocked = Boolean(parentMenu || menuId);
       dialog.editing = Boolean(menuId);
       dialog.parentType = parentMenu?.type ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
@@ -1264,51 +1260,6 @@ function handleDeleteMenu(selected?: number | string | Array<number | string> |
 </style>
 
 <style lang="scss">
-.menu-form-dialog {
-  .menu-api-transfer {
-    display: grid;
-    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
-    align-items: center;
-    gap: 16px;
-    width: 100%;
-    .el-transfer-panel {
-      width: 100%;
-      min-width: 0;
-    }
-    .el-transfer__buttons {
-      display: flex;
-      flex-direction: column;
-      gap: 12px;
-      padding: 0;
-      .el-button {
-        margin: 0;
-      }
-    }
-    .el-transfer-panel__body {
-      height: 360px;
-    }
-    .el-transfer-panel__list.is-filterable {
-      height: 300px;
-    }
-    .el-transfer-panel__item.el-checkbox {
-      align-items: flex-start;
-      height: auto;
-      min-height: 36px;
-      padding-top: 8px;
-      padding-bottom: 8px;
-      .el-checkbox__input {
-        top: 3px;
-      }
-      .el-checkbox__label {
-        display: block;
-        white-space: normal;
-        overflow-wrap: anywhere;
-        line-height: 20px;
-      }
-    }
-  }
-}
-
 @media (max-width: 767px) {
   .menu-form-dialog {
     .el-col {
@@ -1322,13 +1273,6 @@ function handleDeleteMenu(selected?: number | string | Array<number | string> |
       justify-content: flex-start;
       width: auto !important;
     }
-    .menu-api-transfer {
-      grid-template-columns: minmax(0, 1fr);
-      .el-transfer__buttons {
-        flex-direction: row;
-        justify-content: center;
-      }
-    }
   }
 }
 </style>

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

@@ -87,7 +87,9 @@
             optionLabel(statusOptions, detail.data.base_message?.status)
           }}</el-descriptions-item>
           <el-descriptions-item :label="t('system.base.message.field.sender')">{{
-            detail.data.base_message?.sender_name
+            detail.data.base_message?.sender_name === "系统"
+              ? t("system.notification.sender.system")
+              : resolvePersistedMessage(detail.data.base_message?.sender_name)
           }}</el-descriptions-item>
           <el-descriptions-item :label="t('system.base.message.field.delivered_total')">{{
             detail.data.base_message?.delivered_total
@@ -125,7 +127,9 @@
             :label="t('system.base.message.field.last_error')"
             min-width="220"
             show-overflow-tooltip
-          />
+          >
+            <template #default="scope">{{ resolvePersistedMessage(scope.row.last_error) }}</template>
+          </el-table-column>
           <el-table-column :label="t('common.field.operation')">
             <template #default="scope">
               <el-button
@@ -156,8 +160,10 @@ import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { useTenantScope } from "@liujitcn/kratos-admin-core/tenant";
 import { t } from "@liujitcn/kratos-admin-core";
+import { resolvePersistedMessage } from "../../../utils/persisted-message";
 import { defBaseMessageService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_message";
 import { defBaseMessageCategoryService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_message_category";
+import { BaseMessageCategoryInboxEnabled } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_message_category";
 import type {
   BaseMessage,
   BaseMessageDetail,
@@ -570,7 +576,7 @@ async function loadCategoryOptions() {
 
 /** 请求消息分类选项。 */
 async function requestCategoryOptions() {
-  const result = await defBaseMessageCategoryService.OptionBaseMessageCategory({});
+  const result = await defBaseMessageCategoryService.OptionBaseMessageCategory({ inbox_enabled: BaseMessageCategoryInboxEnabled.BASE_MESSAGE_CATEGORY_INBOX_ENABLED_ENABLE });
   return result.list.map(item => ({ label: item.label, value: item.value, disabled: item.disabled }));
 }
 

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

@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, h, reactive, ref, type Component } from "vue";
+import { computed, h, onMounted, reactive, ref, type Component } from "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";
@@ -26,11 +26,13 @@ import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-c
 import { useTenantScope } from "@liujitcn/kratos-admin-core/tenant";
 import { t } from "@liujitcn/kratos-admin-core";
 import { defBaseMessageCategoryService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_message_category";
+import { defBaseMessageProviderService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_message_provider";
 import type {
   BaseMessageCategory,
   BaseMessageCategoryForm,
   PageBaseMessageCategoryRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_message_category";
+import { BaseMessageCategoryInboxEnabled } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_message_category";
 import { MessagePriority } from "@liujitcn/kratos-admin-system/rpc/base/v1/notification";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 
@@ -43,11 +45,16 @@ const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
 const dialog = reactive({ visible: false, titleKey: "common.action.create" });
 const formData = reactive<BaseMessageCategoryForm>(defaultForm());
+const providerOptions = ref<ProFormOption[]>([]);
 
 const statusOptions = computed<ProFormOption[]>(() => [
   { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
   { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
 ]);
+const inboxEnabledOptions = computed<ProFormOption[]>(() => [
+  { label: t("common.status.enabled"), value: BaseMessageCategoryInboxEnabled.BASE_MESSAGE_CATEGORY_INBOX_ENABLED_ENABLE },
+  { label: t("common.status.disabled"), value: BaseMessageCategoryInboxEnabled.BASE_MESSAGE_CATEGORY_INBOX_ENABLED_DISABLE }
+]);
 const priorityOptions = computed<ProFormOption[]>(() => [
   { label: t("system.base.message.priority.normal"), value: MessagePriority.MESSAGE_PRIORITY_NORMAL },
   { label: t("system.base.message.priority.important"), value: MessagePriority.MESSAGE_PRIORITY_IMPORTANT },
@@ -175,6 +182,20 @@ const formFields = computed<ProFormField[]>(() => [
     labelTooltip: t("system.base.message_category.tooltip.allow_delete"),
     component: "switch"
   },
+  {
+    prop: "inbox_enabled",
+    label: t("system.base.message_category.field.inbox"),
+    labelTooltip: t("system.base.message_category.tooltip.inbox"),
+    component: "radio-group",
+    options: inboxEnabledOptions.value
+  },
+  {
+    prop: "provider_id",
+    label: t("system.base.message_category.field.provider"),
+    labelTooltip: t("system.base.message_category.tooltip.provider"),
+    component: "checkbox-group",
+    options: providerOptions.value
+  },
   { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value }
 ]);
 
@@ -288,10 +309,20 @@ function defaultForm(): BaseMessageCategoryForm {
     retention_days: 180,
     allow_archive: true,
     allow_delete: true,
-    status: Status.STATUS_ENABLE
+    status: Status.STATUS_ENABLE,
+    provider_id: [],
+    inbox_enabled: BaseMessageCategoryInboxEnabled.BASE_MESSAGE_CATEGORY_INBOX_ENABLED_ENABLE
   };
 }
 
+onMounted(loadProviderOptions);
+
+/** 加载消息 Provider 复选项。 */
+async function loadProviderOptions() {
+  const data = await defBaseMessageProviderService.OptionBaseMessageProvider({});
+  providerOptions.value = (data.list ?? []).map(item => ({ label: item.label, value: Number(item.value), disabled: item.disabled }));
+}
+
 /** 请求消息分类表格数据。 */
 async function requestTable(params: Record<string, unknown>) {
   const data = await defBaseMessageCategoryService.PageBaseMessageCategory(
@@ -316,7 +347,7 @@ async function openDialog(id?: number) {
 async function handleSubmit() {
   const valid = await formDialogRef.value?.validate();
   if (!valid) return;
-  const payload = formData as BaseMessageCategoryForm;
+  const payload = JSON.parse(JSON.stringify(formData)) as BaseMessageCategoryForm;
   if (payload.id) await defBaseMessageCategoryService.UpdateBaseMessageCategory({ base_message_category: payload });
   else await defBaseMessageCategoryService.CreateBaseMessageCategory({ base_message_category: payload });
   ElMessage.success(t("common.message.operation_success"));

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

@@ -0,0 +1,168 @@
+<template>
+  <div class="table-box">
+    <ProTable ref="proTable" row-key="id" :columns="columns" :header-actions="headerActions" :request-api="requestTable" />
+    <FormDialog
+      v-model="dialog.visible"
+      ref="formDialogRef"
+      :title="t(dialog.editing ? 'common.action.edit' : 'common.action.create')"
+      width="min(1000px, calc(100vw - 32px))"
+      :model="formData"
+      :fields="formFields"
+      :rules="rules"
+      @confirm="handleSubmit"
+      @close="handleClose"
+    />
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, reactive, ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { CirclePlus, 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";
+import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
+import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
+import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
+import { useTenantScope } from "@liujitcn/kratos-admin-core/tenant";
+import { t } from "@liujitcn/kratos-admin-core";
+import { defBaseMessageProviderService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_message_provider";
+import type {
+  BaseMessageProvider,
+  BaseMessageProviderForm,
+  PageBaseMessageProviderRequest
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_message_provider";
+import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
+
+defineOptions({ name: "BaseMessageProvider", inheritAttrs: false });
+
+interface ConfigItem {
+  key: string;
+  value: string;
+}
+
+interface FormState extends BaseMessageProviderForm {
+  config_items: ConfigItem[];
+}
+
+const { BUTTONS } = useAuthButtons();
+const { isDefaultTenant } = useTenantScope();
+const proTable = ref<ProTableInstance>();
+const formDialogRef = ref<InstanceType<typeof FormDialog>>();
+const dialog = reactive({ visible: false, editing: false });
+const formData = reactive<FormState>(defaultForm());
+
+const statusOptions = computed<ProFormOption[]>(() => [
+  { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
+  { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
+]);
+
+const rules = computed(() => ({
+  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[]>(() => [
+  { prop: "provider", label: t("system.base.message_provider.field.provider"), component: "input", props: { disabled: dialog.editing, maxlength: 32 } },
+  { prop: "name", label: t("system.base.message_provider.field.name"), component: "input", props: { maxlength: 50 } },
+  { prop: "description", label: t("system.base.message_provider.field.description"), component: "input", colSpan: 24, props: { maxlength: 255 } },
+  { prop: "icon", label: t("system.base.message_provider.field.icon"), component: "input", props: { maxlength: 100 } },
+  { prop: "client_id", label: t("system.base.message_provider.field.client_id"), component: "input", props: { maxlength: 255 } },
+  { prop: "client_secret", label: t("system.base.message_provider.field.client_secret"), component: "input", props: { type: "password", showPassword: true, maxlength: 1024, placeholder: dialog.editing ? t("system.base.message_provider.placeholder.keep_secret") : "" } },
+  { prop: "config_items", label: t("system.base.message_provider.field.config"), component: "kv-list", props: { keyInputProps: { maxlength: 128 } } },
+  { prop: "sort", label: t("common.field.sort"), component: "input-number", props: { min: 0, precision: 0 } },
+  { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value }
+]);
+
+const columns = computed<ColumnProps[]>(() => [
+  { type: "selection", width: 55 },
+  { prop: "name", label: t("system.base.message_provider.field.name"), minWidth: 150, search: { el: "input" } },
+  { prop: "provider", label: t("system.base.message_provider.field.provider"), minWidth: 130, search: { el: "input" } },
+  { prop: "client_id", label: t("system.base.message_provider.field.client_id"), minWidth: 180 },
+  { prop: "secret_configured", label: t("system.base.message_provider.field.secret_configured"), width: 120, render: scope => (scope.row as BaseMessageProvider).secret_configured ? t("common.status.configured") : t("common.status.not_configured") },
+  { prop: "sort", label: t("common.field.sort"), width: 80, align: "right" },
+  { prop: "status", label: t("common.field.status"), width: 110, search: { el: "select", enum: statusOptions.value }, cellType: "status", statusProps: {
+    activeValue: Status.STATUS_ENABLE, inactiveValue: Status.STATUS_DISABLE, activeText: t("common.status.enabled"), inactiveText: t("common.status.disabled"),
+    disabled: () => !isDefaultTenant.value || !BUTTONS.value["base:message-provider:status"], beforeChange: scope => handleSetStatus(scope.row as BaseMessageProvider)
+  } },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
+  { prop: "operation", label: t("common.field.operation"), cellType: "actions", actions: [
+    { label: t("common.action.edit"), link: true, icon: EditPen, hidden: () => !isDefaultTenant.value || !BUTTONS.value["base:message-provider:update"], onClick: scope => openDialog((scope.row as BaseMessageProvider).id) },
+    { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !isDefaultTenant.value || !BUTTONS.value["base:message-provider:delete"], onClick: scope => handleDelete(scope.row as BaseMessageProvider) }
+  ] }
+]);
+
+const headerActions = computed<HeaderActionProps[]>(() => [
+  { label: t("common.action.create"), type: "primary", icon: CirclePlus, hidden: !isDefaultTenant.value || !BUTTONS.value["base:message-provider:create"], onClick: () => openDialog() },
+  { label: t("common.action.delete"), type: "danger", icon: Delete, hidden: !isDefaultTenant.value || !BUTTONS.value["base:message-provider:delete"], disabled: scope => !scope.isSelected, onClick: scope => handleDelete(scope.selectedListIds as number[]) }
+]);
+
+function defaultForm(): FormState {
+  return { id: 0, provider: "", name: "", description: "", icon: "", client_id: "", client_secret: "", secret_configured: false, config: {}, config_items: [], sort: 0, status: Status.STATUS_DISABLE };
+}
+
+async function requestTable(params: Record<string, unknown>) {
+  const data = await defBaseMessageProviderService.PageBaseMessageProvider(buildPageRequest<PageBaseMessageProviderRequest>(params as unknown as PageBaseMessageProviderRequest));
+  return { data: { list: data.base_message_providers ?? [], total: data.total } };
+}
+
+async function openDialog(id?: number) {
+  await formDialogRef.value?.open({
+    load: () => (id ? defBaseMessageProviderService.GetBaseMessageProvider({ 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 BaseMessageProviderForm & { config_items?: ConfigItem[] };
+  delete payload.config_items;
+  payload.config = config;
+  if (payload.id) await defBaseMessageProviderService.UpdateBaseMessageProvider({ base_message_provider: payload });
+  else await defBaseMessageProviderService.CreateBaseMessageProvider({ base_message_provider: payload });
+  ElMessage.success(t("common.message.operation_success"));
+  dialog.visible = false;
+  await proTable.value?.getTableList();
+}
+
+async function handleDelete(value: BaseMessageProvider | 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 defBaseMessageProviderService.DeleteBaseMessageProvider({ id: ids });
+  await proTable.value?.getTableList();
+  ElMessage.success(t("common.message.operation_success"));
+}
+
+async function handleSetStatus(row: BaseMessageProvider) {
+  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.message_provider.resource"), field: t("system.base.message_provider.field.name"), value: row.name }), t("common.title.notice"), { type: "warning" });
+    await defBaseMessageProviderService.SetBaseMessageProviderStatus({ id: row.id, status });
+    return true;
+  } catch { return false; }
+}
+
+function handleClose() { Object.assign(formData, defaultForm()); formDialogRef.value?.resetFields(); }
+
+function configToItems(config: Record<string, any> | undefined): ConfigItem[] { return Object.entries(config ?? {}).map(([key, value]) => ({ key, value: typeof value === "string" ? value : JSON.stringify(value) })); }
+
+function configItemsToMap(items: ConfigItem[]): Record<string, unknown> | undefined {
+  const result: Record<string, unknown> = {};
+  for (const item of items) {
+    const key = item.key.trim();
+    if (!key || Object.prototype.hasOwnProperty.call(result, key)) { ElMessage.error(t("system.base.message_provider.message.config_invalid")); return undefined; }
+    const value = item.value.trim();
+    if (!value) { result[key] = ""; continue; }
+    try { result[key] = JSON.parse(value); } catch { result[key] = value; }
+  }
+  return result;
+}
+</script>