@liujitcn/kratos-admin-core 0.0.65 → 0.0.66

package/dist/package/src/locales/ja-JP.json

@@ -93,6 +93,7 @@
   "core.markdown.action.copy_code": "コードをコピー",
   "core.markdown.message.copy_success": "コピーしました",
   "core.markdown.message.copy_failed": "コピーに失敗しました",
+  "core.yaml_editor.action.wrap": "自動折り返し",
   "core.loading.text": "読み込み中",
   "core.layout.avatar": "ユーザーアバター",
   "core.layout.logo_alt": "システムロゴ",
@@ -386,5 +387,93 @@
   "common.field.user_id": "ユーザー ID",
   "core.home.demo_scope": "機能概要",
   "core.home.main_title": "管理アプリケーション",
-  "core.router.pending_view_unregistered": "管理画面の静的ページが登録されていません: {view}"
+  "core.router.pending_view_unregistered": "管理画面の静的ページが登録されていません: {view}",
+  "core.demo.resource.employee": "従業員",
+  "core.demo.resource.project": "プロジェクト",
+  "core.demo.resource.doc_catalog": "ドキュメントカタログ",
+  "core.demo.tree.title.dept_tree": "部門リスト",
+  "core.demo.tree.field.name": "氏名",
+  "core.demo.tree.field.email": "メールアドレス",
+  "core.demo.tree.field.phone": "電話番号",
+  "core.demo.tree.field.salary": "給与",
+  "core.demo.tree.field.entry_date": "入社日",
+  "core.demo.table.field.name": "プロジェクト名",
+  "core.demo.table.field.level": "レベル",
+  "core.demo.table.field.owner": "担当者",
+  "core.demo.table.field.budget": "予算",
+  "core.demo.table.field.task_total": "タスク総数",
+  "core.demo.table.field.progress": "進捗率",
+  "core.demo.table.field.region": "所在地",
+  "core.demo.table.field.tags": "コンテンツタグ",
+  "core.demo.table.field.owner_group": "所属チーム",
+  "core.demo.table.field.enabled": "有効",
+  "core.demo.table.group.task": "タスク状況",
+  "core.demo.table.tooltip.progress": "render カスタム描画のデモ：el-progress 進捗バー",
+  "core.demo.grid.field.name": "カタログ名",
+  "core.demo.grid.field.code": "カタログコード",
+  "core.demo.grid.field.doc_count": "ドキュメント数",
+  "core.demo.grid.field.path": "階層パス",
+  "core.demo.grid.action.create_child": "子カタログ追加",
+  "core.demo.grid.action.expand_all": "すべて展開",
+  "core.demo.grid.action.collapse_all": "すべて折りたたむ",
+  "core.demo.grid.message.has_children": "子カタログが存在します。先に子を削除してください",
+  "core.demo.form.title.demo_form": "全コンポーネント フォームデモ",
+  "core.demo.form.group.basic": "基本入力",
+  "core.demo.form.group.choice": "選択と日付",
+  "core.demo.form.group.advanced": "高度なコンポーネント",
+  "core.demo.form.field.name": "名称",
+  "core.demo.form.field.password": "アクセスシークレット",
+  "core.demo.form.field.intro": "プロジェクト概要",
+  "core.demo.form.field.count": "タスク数",
+  "core.demo.form.field.color": "テーマカラー",
+  "core.demo.form.field.enabled": "有効",
+  "core.demo.form.field.agreed": "説明に同意しました",
+  "core.demo.form.field.invite_code": "招待コード",
+  "core.demo.form.field.mode": "表示モード",
+  "core.demo.form.mode.card": "カード",
+  "core.demo.form.mode.list": "リスト",
+  "core.demo.form.mode.table": "テーブル",
+  "core.demo.form.field.level": "レベル",
+  "core.demo.form.field.gender": "性別",
+  "core.demo.form.field.visibility": "公開範囲",
+  "core.demo.form.visibility.public": "公開",
+  "core.demo.form.visibility.private": "非公開",
+  "core.demo.form.field.hobbies": "協業設定",
+  "core.demo.form.hobby.review": "コードレビュー",
+  "core.demo.form.hobby.deploy": "継続的デプロイ",
+  "core.demo.form.hobby.metric": "メトリクス",
+  "core.demo.form.field.birthday": "設立日",
+  "core.demo.form.field.range": "期間",
+  "core.demo.form.field.cron": "スケジュール式",
+  "core.demo.form.placeholder.cron": "例：0 0 2 * * ?",
+  "core.demo.form.field.members": "協力メンバー",
+  "core.demo.form.transfer.candidates": "候補メンバー",
+  "core.demo.form.transfer.selected": "選択済みメンバー",
+  "core.demo.form.field.avatar": "カバー画像",
+  "core.demo.form.field.gallery": "ギャラリー",
+  "core.demo.form.field.attachment": "添付ファイル",
+  "core.demo.form.field.attachments": "添付ファイル群",
+  "core.demo.form.field.content": "詳細内容",
+  "core.demo.form.field.config": "デプロイ設定",
+  "core.demo.form.field.aliases": "別名リスト",
+  "core.demo.form.field.properties": "環境変数",
+  "core.demo.form.action.random_code": "ランダム",
+  "core.demo.form.action.add_property": "変数を追加",
+  "core.demo.form.tooltip.count": "5ずつ増減、範囲 0-999",
+  "core.demo.form.message.submit_success": "フォーム検証に合格しました（モック送信）",
+  "core.demo.detail.tab.basic": "基本情報",
+  "core.demo.detail.tab.progress": "進捗",
+  "core.demo.detail.tab.timeline": "操作履歴",
+  "core.demo.detail.tab.raw": "生データ",
+  "core.demo.detail.raw.title": "生 JSON データ",
+  "core.demo.detail.section.basic": "基本情報",
+  "core.demo.detail.section.work": "勤務情報",
+  "core.demo.detail.step.create": "作成",
+  "core.demo.detail.step.review": "審査通過",
+  "core.demo.detail.step.publish": "公開",
+  "core.demo.detail.step.done": "アーカイブ",
+  "core.demo.detail.timeline.created": "記録を作成しました",
+  "core.demo.detail.timeline.updated": "基本情報を更新しました",
+  "core.demo.detail.timeline.enabled": "記録を有効化しました",
+  "core.demo.detail.timeline.disabled": "記録を無効化しました"
 }

package/dist/package/src/locales/zh-CN.json

@@ -93,6 +93,7 @@
   "core.markdown.action.copy_code": "复制代码",
   "core.markdown.message.copy_success": "复制成功！",
   "core.markdown.message.copy_failed": "复制失败！",
+  "core.yaml_editor.action.wrap": "自动换行",
   "core.loading.text": "加载中",
   "core.layout.avatar": "用户头像",
   "core.layout.logo_alt": "系统标志",
@@ -386,5 +387,93 @@
   "common.field.user_id": "用户 ID",
   "core.home.demo_scope": "功能概览",
   "core.home.main_title": "管理应用",
-  "core.router.pending_view_unregistered": "未注册管理端静态页面：{view}"
+  "core.router.pending_view_unregistered": "未注册管理端静态页面：{view}",
+  "core.demo.resource.employee": "员工",
+  "core.demo.resource.project": "项目",
+  "core.demo.resource.doc_catalog": "文档目录",
+  "core.demo.tree.title.dept_tree": "部门列表",
+  "core.demo.tree.field.name": "姓名",
+  "core.demo.tree.field.email": "邮箱",
+  "core.demo.tree.field.phone": "手机号",
+  "core.demo.tree.field.salary": "薪资",
+  "core.demo.tree.field.entry_date": "入职日期",
+  "core.demo.table.field.name": "项目名称",
+  "core.demo.table.field.level": "等级",
+  "core.demo.table.field.owner": "负责人",
+  "core.demo.table.field.budget": "预算",
+  "core.demo.table.field.task_total": "任务总数",
+  "core.demo.table.field.progress": "完成进度",
+  "core.demo.table.field.region": "所在城市",
+  "core.demo.table.field.tags": "内容标签",
+  "core.demo.table.field.owner_group": "所属团队",
+  "core.demo.table.field.enabled": "是否启用",
+  "core.demo.table.group.task": "任务情况",
+  "core.demo.table.tooltip.progress": "render 自定义渲染演示：el-progress 进度条",
+  "core.demo.grid.field.name": "目录名称",
+  "core.demo.grid.field.code": "目录编码",
+  "core.demo.grid.field.doc_count": "文档数量",
+  "core.demo.grid.field.path": "层级路径",
+  "core.demo.grid.action.create_child": "新增子级",
+  "core.demo.grid.action.expand_all": "全部展开",
+  "core.demo.grid.action.collapse_all": "全部折叠",
+  "core.demo.grid.message.has_children": "存在子级目录，请先删除子级",
+  "core.demo.form.title.demo_form": "全组件演示表单",
+  "core.demo.form.group.basic": "基础输入",
+  "core.demo.form.group.choice": "选择与日期",
+  "core.demo.form.group.advanced": "高级组件",
+  "core.demo.form.field.name": "名称",
+  "core.demo.form.field.password": "访问口令",
+  "core.demo.form.field.intro": "项目简介",
+  "core.demo.form.field.count": "任务数量",
+  "core.demo.form.field.color": "主题色",
+  "core.demo.form.field.enabled": "是否启用",
+  "core.demo.form.field.agreed": "我已阅读填写说明",
+  "core.demo.form.field.invite_code": "邀请码",
+  "core.demo.form.field.mode": "展示模式",
+  "core.demo.form.mode.card": "卡片",
+  "core.demo.form.mode.list": "列表",
+  "core.demo.form.mode.table": "表格",
+  "core.demo.form.field.level": "项目等级",
+  "core.demo.form.field.gender": "性别",
+  "core.demo.form.field.visibility": "可见范围",
+  "core.demo.form.visibility.public": "公开",
+  "core.demo.form.visibility.private": "私有",
+  "core.demo.form.field.hobbies": "协作偏好",
+  "core.demo.form.hobby.review": "代码评审",
+  "core.demo.form.hobby.deploy": "持续部署",
+  "core.demo.form.hobby.metric": "数据度量",
+  "core.demo.form.field.birthday": "成立日期",
+  "core.demo.form.field.range": "活动区间",
+  "core.demo.form.field.cron": "调度表达式",
+  "core.demo.form.placeholder.cron": "例如：0 0 2 * * ?",
+  "core.demo.form.field.members": "协作成员",
+  "core.demo.form.transfer.candidates": "候选成员",
+  "core.demo.form.transfer.selected": "已选成员",
+  "core.demo.form.field.avatar": "封面图",
+  "core.demo.form.field.gallery": "相册",
+  "core.demo.form.field.attachment": "附件",
+  "core.demo.form.field.attachments": "附件组",
+  "core.demo.form.field.content": "详细内容",
+  "core.demo.form.field.config": "部署配置",
+  "core.demo.form.field.aliases": "别名列表",
+  "core.demo.form.field.properties": "环境变量",
+  "core.demo.form.action.random_code": "随机",
+  "core.demo.form.action.add_property": "新增变量",
+  "core.demo.form.tooltip.count": "每次步进 5，范围 0-999",
+  "core.demo.form.message.submit_success": "表单校验通过，已模拟提交",
+  "core.demo.detail.tab.basic": "基本信息",
+  "core.demo.detail.tab.progress": "流程进度",
+  "core.demo.detail.tab.timeline": "操作时间线",
+  "core.demo.detail.tab.raw": "原始数据",
+  "core.demo.detail.raw.title": "原始 JSON 数据",
+  "core.demo.detail.section.basic": "基本信息",
+  "core.demo.detail.section.work": "任职信息",
+  "core.demo.detail.step.create": "创建记录",
+  "core.demo.detail.step.review": "审核通过",
+  "core.demo.detail.step.publish": "发布上线",
+  "core.demo.detail.step.done": "归档完成",
+  "core.demo.detail.timeline.created": "创建了记录",
+  "core.demo.detail.timeline.updated": "更新了基础信息",
+  "core.demo.detail.timeline.enabled": "启用了记录",
+  "core.demo.detail.timeline.disabled": "停用了记录"
 }

package/dist/package/src/locales/zh-TW.json

@@ -93,6 +93,7 @@
   "core.markdown.action.copy_code": "複製程式碼",
   "core.markdown.message.copy_success": "已複製！",
   "core.markdown.message.copy_failed": "複製失敗！",
+  "core.yaml_editor.action.wrap": "自動換行",
   "core.loading.text": "載入中",
   "core.layout.avatar": "使用者頭像",
   "core.layout.logo_alt": "系統標誌",
@@ -386,5 +387,93 @@
   "common.field.user_id": "使用者 ID",
   "core.home.demo_scope": "功能概覽",
   "core.home.main_title": "管理應用程式",
-  "core.router.pending_view_unregistered": "未註冊管理端靜態頁面：{view}"
+  "core.router.pending_view_unregistered": "未註冊管理端靜態頁面：{view}",
+  "core.demo.resource.employee": "員工",
+  "core.demo.resource.project": "專案",
+  "core.demo.resource.doc_catalog": "文檔目錄",
+  "core.demo.tree.title.dept_tree": "部門列表",
+  "core.demo.tree.field.name": "姓名",
+  "core.demo.tree.field.email": "郵箱",
+  "core.demo.tree.field.phone": "手機號",
+  "core.demo.tree.field.salary": "薪資",
+  "core.demo.tree.field.entry_date": "入職日期",
+  "core.demo.table.field.name": "專案名稱",
+  "core.demo.table.field.level": "等級",
+  "core.demo.table.field.owner": "負責人",
+  "core.demo.table.field.budget": "預算",
+  "core.demo.table.field.task_total": "任務總數",
+  "core.demo.table.field.progress": "完成進度",
+  "core.demo.table.field.region": "所在城市",
+  "core.demo.table.field.tags": "內容標籤",
+  "core.demo.table.field.owner_group": "所屬團隊",
+  "core.demo.table.field.enabled": "是否啟用",
+  "core.demo.table.group.task": "任務情況",
+  "core.demo.table.tooltip.progress": "render 自訂渲染示範：el-progress 進度條",
+  "core.demo.grid.field.name": "目錄名稱",
+  "core.demo.grid.field.code": "目錄編碼",
+  "core.demo.grid.field.doc_count": "文檔數量",
+  "core.demo.grid.field.path": "層級路徑",
+  "core.demo.grid.action.create_child": "新增子級",
+  "core.demo.grid.action.expand_all": "全部展開",
+  "core.demo.grid.action.collapse_all": "全部摺疊",
+  "core.demo.grid.message.has_children": "存在子級目錄，請先刪除子級",
+  "core.demo.form.title.demo_form": "全元件演示表單",
+  "core.demo.form.group.basic": "基礎輸入",
+  "core.demo.form.group.choice": "選擇與日期",
+  "core.demo.form.group.advanced": "進階元件",
+  "core.demo.form.field.name": "名稱",
+  "core.demo.form.field.password": "存取口令",
+  "core.demo.form.field.intro": "專案簡介",
+  "core.demo.form.field.count": "任務數量",
+  "core.demo.form.field.color": "主題色",
+  "core.demo.form.field.enabled": "是否啟用",
+  "core.demo.form.field.agreed": "我已閱讀填寫說明",
+  "core.demo.form.field.invite_code": "邀請碼",
+  "core.demo.form.field.mode": "展示模式",
+  "core.demo.form.mode.card": "卡片",
+  "core.demo.form.mode.list": "列表",
+  "core.demo.form.mode.table": "表格",
+  "core.demo.form.field.level": "專案等級",
+  "core.demo.form.field.gender": "性別",
+  "core.demo.form.field.visibility": "可見範圍",
+  "core.demo.form.visibility.public": "公開",
+  "core.demo.form.visibility.private": "私有",
+  "core.demo.form.field.hobbies": "協作偏好",
+  "core.demo.form.hobby.review": "代碼評審",
+  "core.demo.form.hobby.deploy": "持續部署",
+  "core.demo.form.hobby.metric": "數據度量",
+  "core.demo.form.field.birthday": "成立日期",
+  "core.demo.form.field.range": "活動區間",
+  "core.demo.form.field.cron": "調度表達式",
+  "core.demo.form.placeholder.cron": "例如：0 0 2 * * ?",
+  "core.demo.form.field.members": "協作成員",
+  "core.demo.form.transfer.candidates": "候選成員",
+  "core.demo.form.transfer.selected": "已選成員",
+  "core.demo.form.field.avatar": "封面圖",
+  "core.demo.form.field.gallery": "相冊",
+  "core.demo.form.field.attachment": "附件",
+  "core.demo.form.field.attachments": "附件組",
+  "core.demo.form.field.content": "詳細內容",
+  "core.demo.form.field.config": "部署配置",
+  "core.demo.form.field.aliases": "別名列表",
+  "core.demo.form.field.properties": "環境變數",
+  "core.demo.form.action.random_code": "隨機",
+  "core.demo.form.action.add_property": "新增變數",
+  "core.demo.form.tooltip.count": "每次步進 5，範圍 0-999",
+  "core.demo.form.message.submit_success": "表單校驗通過，已模擬提交",
+  "core.demo.detail.tab.basic": "基本資訊",
+  "core.demo.detail.tab.progress": "流程進度",
+  "core.demo.detail.tab.timeline": "操作時間線",
+  "core.demo.detail.tab.raw": "原始數據",
+  "core.demo.detail.raw.title": "原始 JSON 數據",
+  "core.demo.detail.section.basic": "基本資訊",
+  "core.demo.detail.section.work": "任職資訊",
+  "core.demo.detail.step.create": "創建記錄",
+  "core.demo.detail.step.review": "審核通過",
+  "core.demo.detail.step.publish": "發布上線",
+  "core.demo.detail.step.done": "歸檔完成",
+  "core.demo.detail.timeline.created": "創建了記錄",
+  "core.demo.detail.timeline.updated": "更新了基礎資訊",
+  "core.demo.detail.timeline.enabled": "啟用了記錄",
+  "core.demo.detail.timeline.disabled": "停用了記錄"
 }

package/dist/package/src/modules/kratosAdmin.ts

@@ -1,4 +1,4 @@
-import { ADMIN_STATIC_VIEWS, defineAdminModule, type AdminStaticViewModules } from "./index";
+import { ADMIN_STATIC_VIEWS, defineAdminModule, type AdminStaticViewModules, type AdminViewModules } from "./index";
 
 // 语言包由同步脚本生成并注册，供管理端公共组件、登录页和错误处理使用。
 import { LOCALE_MESSAGES } from "../locales/generated";
@@ -11,11 +11,21 @@ const staticViewModules: AdminStaticViewModules = {
   [ADMIN_STATIC_VIEWS.PENDING]: () => import("../views/error/pending.vue")
 };
 
+// Demo 演示页面：集中展示 core 的 ProTable / ProForm / TreeFilter 等组件能力。
+// 路由完全由后端菜单控制，菜单 component 前缀为 "kratos-admin/demo"；
+// 页面数量固定，显式注册代替 glob，避免依赖 vite 的 glob 解析行为。
+const demoViewModules: AdminViewModules = {
+  "demo/tree-table/index": () => import("../views/demo/tree-table/index.vue"),
+  "demo/table/index": () => import("../views/demo/table/index.vue"),
+  "demo/tree-grid/index": () => import("../views/demo/tree-grid/index.vue")
+};
+
 /**
  * kratos-admin 内置基础模块。
  */
 export const kratosAdminModule = defineAdminModule({
   name: "kratos-admin",
+  views: demoViewModules,
   staticViews: staticViewModules,
   messages: LOCALE_MESSAGES
 });

package/dist/package/src/utils/index.ts

@@ -256,7 +256,8 @@ export const getAllBreadcrumbList = (
 ) => {
   for (const item of menuList) {
     const routePath = item.path ?? "";
-    const breadcrumb = [...parent, item];
+    // 目录型菜单（path 为空的 Layout 容器）不进入面包屑，避免与重定向后的子页面同名重复。
+    const breadcrumb = routePath ? [...parent, item] : parent;
     if (routePath) result[routePath] = breadcrumb;
     if (item.children) getAllBreadcrumbList(item.children, breadcrumb, result);
   }

package/dist/package/src/utils/request.ts

@@ -369,7 +369,8 @@ service.interceptors.response.use(
     const requestConfig = error.config as RetryableRequestConfig | undefined;
 
     // 退出或认证失效后，页面中的在途请求返回 401 属于预期结果，不再重复刷新令牌、弹窗或提示错误。
-    if (isAuthTransitioning()) {
+    // 登录等公共认证接口不受此限制：用户在登录页主动提交失败时必须给出错误反馈（如用户名或密码错误）。
+    if (isAuthTransitioning() && !shouldSkipAuthExpiredPrompt(requestConfig)) {
       return Promise.reject(error);
     }
 

package/dist/package/src/views/demo/components/DemoDetailDrawer.vue

@@ -0,0 +1,108 @@
+<!--
+  Demo 共享详情抽屉：演示管理端标准的“详情展示”形态。
+
+  组成结构（均为 Element Plus 原生组件，core 未封装 ProDescriptions）：
+  - el-drawer（size 62%）承载数据，关闭时通过 update:modelValue 同步父组件；
+  - el-tabs 分页签：基本信息 / 流程进度 / 操作时间线 / 原始数据；
+  - el-descriptions 描述列表（参照 system/base/api/index.vue 的详情抽屉写法）；
+  - el-steps / el-timeline / el-collapse 展示流程、时间线与 JSON 原文。
+
+  各表格页把行数据组装成 DemoDetailModel 后传给本组件即可复用。
+-->
+<template>
+  <el-drawer
+    :model-value="modelValue"
+    :title="detail?.title ?? t('common.action.detail')"
+    size="62%"
+    @update:model-value="value => emit('update:modelValue', value)"
+  >
+    <el-tabs v-if="detail">
+      <!-- 页签一：基本信息，多组 el-descriptions 描述列表 -->
+      <el-tab-pane :label="t('core.demo.detail.tab.basic')">
+        <div v-for="section in detail.sections" :key="section.title" class="detail-section">
+          <el-divider content-position="left">{{ section.title }}</el-divider>
+          <el-descriptions :column="2" border>
+            <el-descriptions-item v-for="field in section.fields" :key="field.label" :label="field.label">
+              <el-tag v-if="field.tag" :type="field.tagType ?? 'info'" effect="plain">{{ field.value }}</el-tag>
+              <template v-else>{{ field.value }}</template>
+            </el-descriptions-item>
+          </el-descriptions>
+        </div>
+      </el-tab-pane>
+
+      <!-- 页签二：流程进度，el-steps 展示节点流转 -->
+      <el-tab-pane :label="t('core.demo.detail.tab.progress')">
+        <el-steps :active="detail.steps.length - 1" align-center finish-status="success">
+          <el-step v-for="(step, index) in detail.steps" :key="step.title" :title="step.title" :description="`T+${index}`" />
+        </el-steps>
+      </el-tab-pane>
+
+      <!-- 页签三：操作时间线，el-timeline 按时间倒序展示 -->
+      <el-tab-pane :label="t('core.demo.detail.tab.timeline')">
+        <el-timeline>
+          <el-timeline-item
+            v-for="item in detail.timeline"
+            :key="item.timestamp"
+            :timestamp="item.timestamp"
+            :type="item.type"
+          >
+            {{ item.title }}
+          </el-timeline-item>
+        </el-timeline>
+      </el-tab-pane>
+
+      <!-- 页签四：原始数据，el-collapse 折叠面板内展示格式化 JSON -->
+      <el-tab-pane :label="t('core.demo.detail.tab.raw')">
+        <el-collapse :model-value="rawPanelName">
+          <el-collapse-item :title="t('core.demo.detail.raw.title')" :name="rawPanelName">
+            <pre class="detail-raw">{{ JSON.stringify(detail.raw, null, 2) }}</pre>
+          </el-collapse-item>
+        </el-collapse>
+      </el-tab-pane>
+    </el-tabs>
+  </el-drawer>
+</template>
+
+<script setup lang="ts">
+import { t } from "../../../locales";
+import type { DemoDetailModel } from "../demo-data";
+
+defineOptions({
+  name: "DemoDetailDrawer"
+});
+
+/** 组件入参：modelValue 控制显隐，detail 为页面组装好的详情模型。 */
+defineProps<{
+  /** 抽屉显隐，v-model 双向绑定。 */
+  modelValue: boolean;
+  /** 详情模型，为空时抽屉仅显示标题占位。 */
+  detail: DemoDetailModel | null;
+}>();
+
+const emit = defineEmits<{
+  "update:modelValue": [value: boolean];
+}>();
+
+/** 原始数据折叠面板默认展开的名称。 */
+const rawPanelName = "raw";
+</script>
+
+<style scoped>
+/* 分组之间留出间距，描述列表与分组标题紧凑排列 */
+.detail-section + .detail-section {
+  margin-top: 16px;
+}
+
+/* JSON 原文使用等宽字体并限制纵向滚动，适配暗色主题文字变量 */
+.detail-raw {
+  max-height: 420px;
+  margin: 0;
+  overflow: auto;
+  font-family: var(--el-font-family-monospace, monospace);
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--el-text-color-regular);
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>