@liujitcn/kratos-admin-system 0.0.47 → 0.0.49

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

@@ -313,7 +313,7 @@ const columns = computed<ColumnProps[]>(() => [
     prop: "meta.title",
     label: t("system.base.menu.field.name"),
     minWidth: 220,
-    align: "left",
+    align: "right",
     search: { el: "input", key: "title" },
     showOverflowTooltip: false,
     render: scope => renderMenuTitleCell(scope as unknown as RenderScope<BaseMenu>)
@@ -352,13 +352,11 @@ const columns = computed<ColumnProps[]>(() => [
     width: 100,
     render: scope => renderHiddenCell(scope as unknown as RenderScope<BaseMenu>)
   },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
-  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.action"),
-    width: 220,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -104,25 +104,25 @@
           }}</el-descriptions-item>
         </el-descriptions>
         <el-table :data="detail.data.dispatches" style="margin-top: 16px" size="small">
-          <el-table-column prop="id" label="ID" width="90" />
+          <el-table-column prop="id" label="ID" width="90" align="right" />
           <el-table-column prop="audience_type" :label="t('system.base.message.field.audience_type')" width="120">
             <template #default="scope">{{ optionLabel(audienceOptions, scope.row.audience_type) }}</template>
           </el-table-column>
-          <el-table-column prop="audience_id" :label="t('system.base.message.field.audience_id')" width="110" />
+          <el-table-column prop="audience_id" :label="t('system.base.message.field.audience_id')" width="110" align="right" />
           <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="matched_total" :label="t('system.base.message.field.matched_total')" width="110" />
-          <el-table-column prop="inserted_total" :label="t('system.base.message.field.inserted_total')" width="110" />
-          <el-table-column prop="attempt_count" :label="t('system.base.message.field.attempt_count')" width="90" />
+          <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" />
           <el-table-column
             prop="last_error"
             :label="t('system.base.message.field.last_error')"
             min-width="220"
             show-overflow-tooltip
           />
-          <el-table-column :label="t('common.field.operation')" width="90">
+          <el-table-column :label="t('common.field.operation')">
             <template #default="scope">
               <el-button
                 v-if="scope.row.status === MessageDispatchStatus.MESSAGE_DISPATCH_STATUS_FAILED && BUTTONS['base:message:retry']"
@@ -364,6 +364,7 @@ const columns = computed<ColumnProps[]>(() => [
           prop: "tenant_id",
           label: t("common.field.tenant"),
           minWidth: 120,
+          align: "left",
           search: { el: "select" },
           enum: requestTenantOptions
         }
@@ -419,13 +420,11 @@ const columns = computed<ColumnProps[]>(() => [
     render: scope => optionLabel(statusOptions.value, (scope.row as BaseMessage).status)
   },
   { prop: "delivered_total", label: t("system.base.message.field.delivered_total"), width: 100, align: "right" },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 380,
     className: "message-operation-column",
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -234,12 +234,10 @@ const columns = computed<ColumnProps[]>(() => [
       beforeChange: scope => handleSetStatus(scope.row as BaseMessageCategory)
     }
   },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 180,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -57,7 +57,7 @@
               <div class="migration-list-item__data-source">
                 {{ history.module || t("system.base.migration.value.default_module") }} · {{ history.data_source || "default" }}
               </div>
-              <time :datetime="history.created_at">{{ formatDate(history.created_at) }}</time>
+              <time :datetime="history.created_at">{{ formatDateTime(history.created_at) }}</time>
             </button>
           </div>
 
@@ -160,6 +160,7 @@ import type {
   PageBaseMigrationRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_migration";
 import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 
 defineOptions({
   name: "BaseMigration",
@@ -296,19 +297,6 @@ async function copySql(sql: string) {
   }
 }
 
-/**
- * 格式化列表日期。
- */
-function formatDate(value: string) {
-  if (!value) return "--";
-  const date = new Date(value.replace(" ", "T"));
-  if (Number.isNaN(date.getTime())) return value;
-  return new Intl.DateTimeFormat(getCurrentLocale(), {
-    year: "numeric",
-    month: "short",
-    day: "numeric"
-  }).format(date);
-}
 
 onMounted(() => {
   loadMigrationHistory();

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

@@ -190,6 +190,7 @@ const columns = computed<ColumnProps[]>(() => [
           prop: "tenant_id",
           label: t("common.field.tenant"),
           minWidth: 130,
+          align: "left",
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
           enum: requestTenantOptions,
           render: scope =>
@@ -235,8 +236,6 @@ const columns = computed<ColumnProps[]>(() => [
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 280,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

package/dist/package/src/views/base/online-session/index.vue

@@ -20,6 +20,7 @@ import { DEFAULT_TENANT_CODE } from "@liujitcn/kratos-admin-core/tenant";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import { t } from "@liujitcn/kratos-admin-core";
 import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_tenant";
 import { defBaseSessionService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_session";
@@ -37,6 +38,7 @@ const columns = computed<ColumnProps[]>(() => [
     prop: "tenant_code",
     label: t("common.field.tenant"),
     minWidth: 130,
+    align: "left",
     search: isDefaultTenant.value ? { el: "select", props: { filterable: true }, order: 1 } : undefined,
     enum: requestSessionTenantOptions
   },
@@ -49,12 +51,16 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "client_ip", label: t("system.base.online_session.field.client_ip"), minWidth: 140 },
   { prop: "device", label: t("system.base.online_session.field.device"), minWidth: 180 },
   { prop: "user_agent", label: t("system.base.online_session.field.user_agent"), minWidth: 220 },
-  { prop: "issued_at", label: t("system.base.online_session.field.issued_at"), minWidth: 180 },
+  {
+    prop: "issued_at",
+    label: t("system.base.online_session.field.issued_at"),
+    minWidth: 180,
+    align: "center",
+    render: scope => formatDateTime((scope.row as BaseSession).issued_at)
+  },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 100,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

package/dist/package/src/views/base/operation-log/index.vue

@@ -6,6 +6,7 @@
 import { computed, ref } from "vue";
 import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { t } from "@liujitcn/kratos-admin-core";
+import { formatLogDateTime } from "@liujitcn/kratos-admin-system/components/log";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import LogTable, { type LogTableConfig } from "@liujitcn/kratos-admin-system/components/LogTable.vue";
 import { logDateSearch, logDetailColumn, logEnumLabel, createLogEnumOptions, requestLogTrace } from "@liujitcn/kratos-admin-system/components/log";
@@ -36,12 +37,12 @@ const actionOptions = computed(() => createLogEnumOptions([
 ]));
 const columns = computed<ColumnProps[]>(() => [
   { prop: "resource_type", label: t("system.base.log.field.resource_type"), minWidth: 150, search: { el: "input" } },
-  { prop: "resource_id", label: t("system.base.log.field.resource_id"), minWidth: 120 },
+  { prop: "resource_id", label: t("system.base.log.field.resource_id"), minWidth: 120, align: "left" },
   { prop: "resource_name", label: t("system.base.log.field.resource_name"), minWidth: 160 },
   { prop: "action", label: t("system.base.log.field.action"), minWidth: 110, search: { el: "select", enum: actionOptions.value }, render: scope => logEnumLabel(actionOptions.value, (scope.row as BaseOperationLog).action) },
   { prop: "result", label: t("system.base.log.field.result"), minWidth: 110, search: { el: "select", enum: resultOptions.value }, render: scope => logEnumLabel(resultOptions.value, (scope.row as BaseOperationLog).result) },
   { prop: "user_name", label: t("system.base.log.field.user_name"), minWidth: 130 },
-  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, search: logDateSearch(t) },
+  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, align: "center", search: logDateSearch(t) },
   logDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
 ]);
 
@@ -57,7 +58,7 @@ const config = computed<LogTableConfig>(() => ({
     { key: "user_id", label: t("system.base.log.field.user_id") },
     { key: "user_name", label: t("system.base.log.field.user_name") },
     { key: "resource_type", label: t("system.base.log.field.resource_type") },
-    { key: "resource_id", label: t("system.base.log.field.resource_id") },
+    { key: "resource_id", label: t("system.base.log.field.resource_id"), align: "left" },
     { key: "resource_name", label: t("system.base.log.field.resource_name") },
     { key: "action", label: t("system.base.log.field.action"), enum: actionOptions.value },
     { key: "result", label: t("system.base.log.field.result"), enum: resultOptions.value },
@@ -68,8 +69,8 @@ const config = computed<LogTableConfig>(() => ({
     { key: "reason", label: t("system.base.log.field.reason"), span: 2 },
     { key: "request_id", label: t("system.base.log.field.request_id") },
     { key: "trace_id", label: t("system.base.log.field.trace_id") },
-    { key: "occurred_at", label: t("system.base.log.field.occurred_at") },
-    { key: "created_at", label: t("system.base.log.field.created_at") }
+    { key: "occurred_at", format: formatLogDateTime, label: t("system.base.log.field.occurred_at") },
+    { key: "created_at", format: formatLogDateTime, label: t("system.base.log.field.created_at") }
   ],
   request: requestTable,
   get: getDetail

package/dist/package/src/views/base/permission-log/index.vue

@@ -6,6 +6,7 @@
 import { computed, ref } from "vue";
 import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { t } from "@liujitcn/kratos-admin-core";
+import { formatLogDateTime } from "@liujitcn/kratos-admin-system/components/log";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import LogTable, { type LogTableConfig } from "@liujitcn/kratos-admin-system/components/LogTable.vue";
 import { logDateSearch, logDetailColumn, logEnumLabel, createLogEnumOptions, requestLogTrace } from "@liujitcn/kratos-admin-system/components/log";
@@ -46,7 +47,7 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "action", label: t("system.base.log.field.action"), minWidth: 110, search: { el: "select", enum: actionOptions.value }, render: scope => logEnumLabel(actionOptions.value, (scope.row as BasePermissionLog).action) },
   { prop: "result", label: t("system.base.log.field.result"), minWidth: 110, search: { el: "select", enum: resultOptions.value }, render: scope => logEnumLabel(resultOptions.value, (scope.row as BasePermissionLog).result) },
   { prop: "user_name", label: t("system.base.log.field.user_name"), minWidth: 130 },
-  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, search: logDateSearch(t) },
+  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, align: "center", search: logDateSearch(t) },
   logDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
 ]);
 
@@ -72,8 +73,8 @@ const config = computed<LogTableConfig>(() => ({
     { key: "reason", label: t("system.base.log.field.reason"), span: 2 },
     { key: "request_id", label: t("system.base.log.field.request_id") },
     { key: "trace_id", label: t("system.base.log.field.trace_id") },
-    { key: "occurred_at", label: t("system.base.log.field.occurred_at") },
-    { key: "created_at", label: t("system.base.log.field.created_at") }
+    { key: "occurred_at", format: formatLogDateTime, label: t("system.base.log.field.occurred_at") },
+    { key: "created_at", format: formatLogDateTime, label: t("system.base.log.field.created_at") }
   ],
   request: requestTable,
   get: getDetail

package/dist/package/src/views/base/policy-evaluation-log/index.vue

@@ -6,6 +6,7 @@
 import { computed, ref } from "vue";
 import type { ColumnProps } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { t } from "@liujitcn/kratos-admin-core";
+import { formatLogDateTime } from "@liujitcn/kratos-admin-system/components/log";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import LogTable, { type LogTableConfig } from "@liujitcn/kratos-admin-system/components/LogTable.vue";
 import {
@@ -42,8 +43,8 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "engine", label: t("system.base.log.field.engine"), minWidth: 100 },
   { prop: "evaluation_type", label: t("system.base.log.field.evaluation_type"), minWidth: 160, search: { el: "select", enum: evaluationTypeOptions.value }, render: scope => logEnumLabel(evaluationTypeOptions.value, (scope.row as BasePolicyEvaluationLog).evaluation_type) },
   { prop: "decision", label: t("system.base.log.field.decision"), minWidth: 110, search: { el: "select", enum: decisionOptions.value }, render: scope => logEnumLabel(decisionOptions.value, (scope.row as BasePolicyEvaluationLog).decision) },
-  { prop: "duration_ms", label: t("system.base.log.field.duration_ms"), minWidth: 110 },
-  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, search: logDateSearch(t) },
+  { prop: "duration_ms", label: t("system.base.log.field.duration_ms"), minWidth: 110, align: "right" },
+  { prop: "occurred_at", label: t("system.base.log.field.occurred_at"), minWidth: 190, align: "center", search: logDateSearch(t) },
   logDetailColumn(t("common.action.view"), id => page.value?.handleOpenDialog(id))
 ]);
 
@@ -75,8 +76,8 @@ const config = computed<LogTableConfig>(() => ({
     { key: "client_ip", label: t("system.base.log.field.client_ip") },
     { key: "request_id", label: t("system.base.log.field.request_id") },
     { key: "trace_id", label: t("system.base.log.field.trace_id") },
-    { key: "occurred_at", label: t("system.base.log.field.occurred_at") },
-    { key: "created_at", label: t("system.base.log.field.created_at") }
+    { key: "occurred_at", format: formatLogDateTime, label: t("system.base.log.field.occurred_at") },
+    { key: "created_at", format: formatLogDateTime, label: t("system.base.log.field.created_at") }
   ],
   request: requestTable,
   get: getDetail

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

@@ -185,6 +185,7 @@ const columns = computed<ColumnProps[]>(() => [
           prop: "tenant_id",
           label: t("common.field.tenant"),
           minWidth: 140,
+          align: "left",
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
           enum: requestTenantOptions
@@ -210,13 +211,11 @@ const columns = computed<ColumnProps[]>(() => [
     }
   },
   { prop: "remark", label: t("common.field.remark"), minWidth: 160 },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
-  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 180,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

package/dist/package/src/views/base/redact-output-policy/index.vue

@@ -245,7 +245,7 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "mode", label: t("system.base.redact_output_policy.field.mode"), width: 110, enum: modeEnums.value, isFilterEnum: true },
   { prop: "rule_name", label: t("system.base.redact_output_policy.field.rule"), width: 150 },
   { prop: "status", label: t("common.field.status"), width: 100, cellType: "status", statusProps: { activeValue: Status.STATUS_ENABLE, inactiveValue: Status.STATUS_DISABLE, activeText: t("common.status.enabled"), inactiveText: t("common.status.disabled"), disabled: () => !BUTTONS.value["base:redact-output-policy:status"], beforeChange: scope => changeStatus(scope.row as BaseRedactOutputPolicy) } },
-  { prop: "actions", label: t("common.field.operation"), width: 150, fixed: "right", cellType: "actions", actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-output-policy:update"], onClick: scope => openDialog((scope.row as BaseRedactOutputPolicy).id) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-output-policy:delete"], onClick: scope => deleteItems(scope.row as BaseRedactOutputPolicy) }] }
+  { prop: "actions", label: t("common.field.operation"), cellType: "actions", actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-output-policy:update"], onClick: scope => openDialog((scope.row as BaseRedactOutputPolicy).id) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-output-policy:delete"], onClick: scope => deleteItems(scope.row as BaseRedactOutputPolicy) }] }
 ]);
 const headerActions = computed<HeaderActionProps[]>(() => [{ label: t("common.action.create"), type: "success", icon: CirclePlus, hidden: () => !BUTTONS.value["base:redact-output-policy:create"], onClick: () => openDialog() }, { label: t("common.action.delete"), type: "danger", icon: Delete, hidden: () => !BUTTONS.value["base:redact-output-policy:delete"], disabled: scope => !scope.selectedList.length, onClick: scope => deleteItems(scope.selectedList as BaseRedactOutputPolicy[]) }]);
 

package/dist/package/src/views/base/redact-rule/index.vue

@@ -189,8 +189,6 @@ const columns = computed<ColumnProps[]>(() => [
   {
     prop: "actions",
     label: t("common.field.operation"),
-    width: 100,
-    fixed: "right",
     cellType: "actions",
     actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-rule:update"], onClick: scope => openDialog((scope.row as BaseRedactRule).id) }]
   }

package/dist/package/src/views/base/redact-storage-policy/index.vue

@@ -208,7 +208,7 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "column_name", label: t("system.base.redact_storage_policy.field.column_name"), minWidth: 150, search: { el: "input" } },
   { prop: "rule_name", label: t("system.base.redact_storage_policy.field.rule"), minWidth: 150 },
   { prop: "status", label: t("common.field.status"), width: 100, cellType: "status", statusProps: { activeValue: Status.STATUS_ENABLE, inactiveValue: Status.STATUS_DISABLE, activeText: t("common.status.enabled"), inactiveText: t("common.status.disabled"), disabled: () => !BUTTONS.value["base:redact-storage-policy:status"], beforeChange: scope => changeStatus(scope.row as BaseRedactStoragePolicy) } },
-  { prop: "actions", label: t("common.field.operation"), width: 150, fixed: "right", cellType: "actions", actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-storage-policy:update"], onClick: scope => openDialog((scope.row as BaseRedactStoragePolicy).id) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-storage-policy:delete"], onClick: scope => deleteItems(scope.row as BaseRedactStoragePolicy) }] }
+  { prop: "actions", label: t("common.field.operation"), cellType: "actions", actions: [{ label: t("common.action.edit"), type: "primary", link: true, icon: EditPen, hidden: () => !BUTTONS.value["base:redact-storage-policy:update"], onClick: scope => openDialog((scope.row as BaseRedactStoragePolicy).id) }, { label: t("common.action.delete"), type: "danger", link: true, icon: Delete, hidden: () => !BUTTONS.value["base:redact-storage-policy:delete"], onClick: scope => deleteItems(scope.row as BaseRedactStoragePolicy) }] }
 ]);
 const headerActions = computed<HeaderActionProps[]>(() => [{ label: t("common.action.create"), type: "success", icon: CirclePlus, hidden: () => !BUTTONS.value["base:redact-storage-policy:create"], onClick: () => openDialog() }, { label: t("common.action.delete"), type: "danger", icon: Delete, hidden: () => !BUTTONS.value["base:redact-storage-policy:delete"], disabled: scope => !scope.selectedList.length, onClick: scope => deleteItems(scope.selectedList as BaseRedactStoragePolicy[]) }]);
 

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

@@ -308,6 +308,7 @@ const columns = computed<ColumnProps[]>(() => [
           prop: "tenant_id",
           label: t("common.field.tenant"),
           minWidth: 140,
+          align: "left",
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
           enum: requestTenantOptions
@@ -339,13 +340,11 @@ const columns = computed<ColumnProps[]>(() => [
       beforeChange: scope => handleBeforeSetStatus(scope.row as BaseRole)
     }
   },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
-  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.action"),
-    width: 280,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -182,13 +182,11 @@ const columns = computed<ColumnProps[]>(() => [
       beforeChange: scope => handleBeforeSetStatus(scope.row as BaseTenant)
     }
   },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
-  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 150,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -470,6 +470,7 @@ const columns = computed<ColumnProps[]>(() => [
           prop: "tenant_id",
           label: t("common.field.tenant"),
           minWidth: 140,
+          align: "left",
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
           enum: requestTenantOptions
@@ -516,13 +517,11 @@ const columns = computed<ColumnProps[]>(() => [
     }
   },
   { prop: "remark", label: t("common.field.remark"), minWidth: 160 },
-  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
-  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
+  { prop: "created_at", align: "center", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.action"),
-    width: 260,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

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

@@ -121,8 +121,6 @@ const columns = computed<ColumnProps[]>(() => [
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 250,
-    fixed: "right",
     cellType: "actions",
     actions: [
       { label: t("common.action.view"), link: true, icon: View, onClick: scope => openDetail(scope.row as Notification) },

package/dist/package/src/views/profile/components/base.vue

@@ -64,7 +64,7 @@
         </div>
         <div class="detail-item detail-item--wide">
           <span class="detail-label">{{ t("common.field.created_at") }}</span>
-          <span class="detail-value">{{ profile.created_at || "--" }}</span>
+          <span class="detail-value">{{ formatDateTime(profile.created_at) }}</span>
         </div>
       </div>
     </div>
@@ -91,6 +91,7 @@
 <script setup lang="ts">
 import { computed, reactive, ref, watch } from "vue";
 import { t } from "@liujitcn/kratos-admin-core";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/auth";
 import type { UserProfileForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/auth";
 import { BaseUserIDType } from "@liujitcn/kratos-admin-system/rpc/system/common/v1/common";

package/dist/package/src/views/profile/components/login-log.vue

@@ -44,7 +44,7 @@ const resultOptions = computed<Array<[number, string]>>(() => [
   [BaseLogResult.BASE_LOG_RESULT_ERROR, t("system.base.log.result.error")]
 ]);
 const columns = computed<ColumnProps[]>(() => [
-  { prop: "occurred_at", label: t("system.profile.login_log.field.occurred_at"), minWidth: 180 },
+  { prop: "occurred_at", label: t("system.profile.login_log.field.occurred_at"), minWidth: 180, align: "center" },
   {
     prop: "login_type",
     label: t("system.profile.login_log.field.login_type"),
@@ -58,7 +58,7 @@ const columns = computed<ColumnProps[]>(() => [
     render: scope => enumLabel(resultOptions.value, (scope.row as BaseLoginLog).result)
   },
   { prop: "client_ip", label: t("system.profile.login_log.field.client_ip"), minWidth: 140 },
-  { prop: "device_id", label: t("system.profile.login_log.field.device_id"), minWidth: 160 },
+  { prop: "device_id", label: t("system.profile.login_log.field.device_id"), minWidth: 160, align: "right" },
   { prop: "reason", label: t("system.profile.login_log.field.reason"), minWidth: 180 }
 ]);
 

package/dist/package/src/views/profile/components/session.vue

@@ -30,6 +30,7 @@ import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/
 import { useRouter } from "vue-router";
 import { t } from "@liujitcn/kratos-admin-core";
 import { LOGIN_URL } from "@liujitcn/kratos-admin-core/config";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { defBaseSessionService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_session";
 import type { BaseSession } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_session";
@@ -52,7 +53,13 @@ const columns = computed<ColumnProps[]>(() => [
   },
   { prop: "client_ip", label: t("system.profile.session.field.client_ip"), minWidth: 140 },
   { prop: "device", label: t("system.profile.session.field.device"), minWidth: 200 },
-  { prop: "issued_at", label: t("system.profile.session.field.issued_at"), minWidth: 180 },
+  {
+    prop: "issued_at",
+    label: t("system.profile.session.field.issued_at"),
+    minWidth: 180,
+    align: "center",
+    render: scope => formatDateTime((scope.row as BaseSession).issued_at)
+  },
   {
     prop: "expires_in",
     label: t("system.profile.session.field.expires_in"),

package/dist/package/src/views/tool/cache/index.vue

@@ -46,6 +46,7 @@ import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import type { ColumnProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import { t } from "@liujitcn/kratos-admin-core";
 import RichTextPreview from "@liujitcn/kratos-admin-core/components/RichTextPreview/index.vue";
 import { defCacheService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/cache";
@@ -114,31 +115,33 @@ const columns = computed<ColumnProps[]>(() => [
     prop: "ttl_seconds",
     label: t("system.cache.field.ttl"),
     width: 130,
+    align: "right",
     render: scope => formatTtl((scope.row as CacheEntry).ttl_seconds)
   },
   {
     prop: "expires_at",
     label: t("system.cache.field.expires_at"),
     minWidth: 185,
-    render: scope => formatDate(scope.row.expires_at)
+    align: "center",
+    render: scope => formatDateTime(scope.row.expires_at)
   },
   {
     prop: "created_at",
     label: t("system.cache.field.created_at"),
     minWidth: 185,
-    render: scope => formatDate(scope.row.created_at)
+    align: "center",
+    render: scope => formatDateTime(scope.row.created_at)
   },
   {
     prop: "updated_at",
+    align: "center",
     label: t("system.cache.field.updated_at"),
     minWidth: 185,
-    render: scope => formatDate(scope.row.updated_at)
+    render: scope => formatDateTime(scope.row.updated_at)
   },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 90,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {
@@ -237,12 +240,6 @@ function formatTtl(ttl: number) {
   return `${Math.floor(ttl / 3600)}h ${Math.floor((ttl % 3600) / 60)}m`;
 }
 
-/** 格式化时间字段。 */
-function formatDate(value: string) {
-  if (!value) return "-";
-  const date = new Date(value);
-  return Number.isNaN(date.getTime()) ? value : date.toLocaleString();
-}
 </script>
 
 <style lang="scss" scoped>

package/dist/package/src/views/tool/code-gen/components/CodeGenProgressDialog.vue

@@ -107,7 +107,8 @@
 <script setup lang="ts">
 import { onBeforeUnmount, ref, watch } from "vue";
 import { Check, CircleClose, Clock, CopyDocument, Document, Loading, Minus } from "@element-plus/icons-vue";
-import { getCurrentLocale, t } from "@liujitcn/kratos-admin-core";
+import { t } from "@liujitcn/kratos-admin-core";
+import { formatDateTime } from "@liujitcn/kratos-admin-core/format";
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import { defCodeGenService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/code_gen";
 import { subscribeCodeGenProgress, type SseStop } from "../../../../utils/code_gen_sse";
@@ -236,8 +237,7 @@ function isFinished(status: CodeGenTaskStatus) {
 
 /** 格式化任务时间。 */
 function formatTime(value: string) {
-  const date = new Date(value);
-  return !value || Number.isNaN(date.getTime()) ? "-" : date.toLocaleString(getCurrentLocale());
+  return formatDateTime(value);
 }
 
 /** 弹出展示命令输出。 */

package/dist/package/src/views/tool/code-gen/preview/index.vue

@@ -262,8 +262,6 @@ const tableColumns = computed<ColumnProps[]>(() => {
     result.push({
       prop: "operation",
       label: t("common.field.operation"),
-      width: actions.length === 1 ? 100 : 180,
-      fixed: "right",
       cellType: "actions",
       actions
     });

package/dist/package/src/views/tool/code-gen/table/index.vue

@@ -461,12 +461,10 @@ const columns = computed<ColumnProps[]>(() => [
     search: { el: "select" }
   },
   { prop: "remark", label: t("system.code.gen.table.field.remark"), minWidth: 180, showOverflowTooltip: true },
-  { prop: "created_at", label: t("system.code.gen.table.field.created_at"), minWidth: 180 },
+  { prop: "created_at", label: t("system.code.gen.table.field.created_at"), minWidth: 180, align: "center" },
   {
     prop: "operation",
     label: t("common.field.operation"),
-    width: 660,
-    fixed: "right",
     cellType: "actions",
     actions: [
       {

package/dist/package/src/views/tool/ops-monitoring/index.vue

@@ -151,10 +151,10 @@
               ><code class="ops-route">{{ row.route }}</code></template
             >
           </el-table-column>
-          <el-table-column prop="qps" label="QPS" width="75" />
-          <el-table-column prop="latency" label="P95" width="85" />
-          <el-table-column prop="errorRate" :label="t('system.ops_monitoring.error_rate')" width="85" />
-          <el-table-column :label="t('system.ops_monitoring.status.label')" width="85" align="right">
+          <el-table-column prop="qps" label="QPS" width="75" align="right" />
+          <el-table-column prop="latency" label="P95" width="85" align="right" />
+          <el-table-column prop="errorRate" :label="t('system.ops_monitoring.error_rate')" width="85" align="right" />
+          <el-table-column :label="t('system.ops_monitoring.status.label')" width="85" align="center">
             <template #default="{ row }"
               ><el-tag :type="row.healthy ? 'success' : 'warning'" size="small" effect="plain">{{ row.status }}</el-tag></template
             >