@liujitcn/kratos-admin-system 0.0.1 → 0.0.17

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

@@ -56,7 +56,12 @@ import { defBaseMenuService } from "@liujitcn/kratos-admin-system/api/system/bas
 import { defBaseApiService } from "@liujitcn/kratos-admin-system/api/system/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 { BaseMenu, BaseMenuForm, BaseMenuMeta } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_menu";
+import type {
+  BaseMenu,
+  BaseMenuAppMeta,
+  BaseMenuForm,
+  BaseMenuMeta
+} 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/common/v1/enum";
 import { normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
@@ -66,6 +71,8 @@ defineOptions({
   inheritAttrs: false
 });
 
+const APP_MENU_ROOT_ID = 999;
+
 /**
  * 菜单表单状态，统一补齐 meta 字段，便于 ProForm 直接双向绑定。
  */
@@ -79,6 +86,7 @@ const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
 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 dialog = reactive({
@@ -88,6 +96,16 @@ const dialog = reactive({
   parentLocked: true
 });
 
+/** 创建默认移动端页面配置。 */
+function createDefaultAppMenuMeta(): BaseMenuAppMeta {
+  return {
+    view_key: "",
+    access: "AUTHENTICATED",
+    in_tab_bar: false,
+    selected_icon: undefined
+  };
+}
+
 /** 创建默认菜单元信息。 */
 function createDefaultMenuMeta(): BaseMenuMeta {
   return {
@@ -98,7 +116,8 @@ function createDefaultMenuMeta(): BaseMenuMeta {
     keep_alive: false,
     full: false,
     affix: false,
-    params: []
+    params: [],
+    app: undefined
   };
 }
 
@@ -136,6 +155,16 @@ const menuTypeOptions: ProFormOption[] = [
   { label: "外链", value: BaseMenuType.EXT_LINK }
 ];
 
+/** 判断父节点是否属于固定移动端菜单树。 */
+function isAppMenu(parentId?: number) {
+  return parentId !== undefined && appMenuIds.value.has(parentId);
+}
+
+/** 判断页面是否为固定移动端根目录的直属 tab。 */
+function isAppTab(parentId?: number) {
+  return parentId === APP_MENU_ROOT_ID;
+}
+
 /** 根据三、五、七、九位编号识别菜单层级。 */
 function getMenuLevel(menuId: number) {
   if (menuId >= 100 && menuId <= 999) return 1;
@@ -148,6 +177,7 @@ function getMenuLevel(menuId: number) {
 /** 判断当前菜单是否还能继续新增下级节点。 */
 function canCreateChild(menu: BaseMenu) {
   const level = getMenuLevel(menu.id);
+  if (menu.id === APP_MENU_ROOT_ID || isAppMenu(menu.parent_id)) return level >= 1 && level < 4;
   if (menu.type === BaseMenuType.FOLDER) return level === 1 || level === 2;
   if (menu.type === BaseMenuType.MENU) return level === 2 || level === 3;
   return false;
@@ -157,6 +187,8 @@ function canCreateChild(menu: BaseMenu) {
 const availableMenuTypeOptions = computed(() => {
   const parentLevel = getMenuLevel(formData.parent_id ?? 0);
 
+  if (formData.id === APP_MENU_ROOT_ID) return menuTypeOptions.filter(item => item.value === BaseMenuType.FOLDER);
+  if (isAppMenu(formData.parent_id)) return menuTypeOptions.filter(item => item.value === BaseMenuType.MENU);
   if (formData.id > 0 && parentLevel === 0) return menuTypeOptions.filter(item => item.value === BaseMenuType.FOLDER);
   if (dialog.parentType === BaseMenuType.FOLDER && parentLevel === 1)
     return menuTypeOptions.filter(
@@ -172,6 +204,12 @@ const availableMenuTypeOptions = computed(() => {
 watch(
   () => formData.parent_id,
   () => {
+    if (isAppMenu(formData.parent_id)) {
+      formData.meta.app ??= createDefaultAppMenuMeta();
+      formData.meta.app.in_tab_bar = isAppTab(formData.parent_id);
+    } else if (formData.id === 0) {
+      formData.meta.app = undefined;
+    }
     dialog.parentType = parentMenuTypeMap.value.get(formData.parent_id ?? 0) ?? BaseMenuType.UNKNOWN_MT;
     if (formData.id > 0 || availableMenuTypeOptions.value.some(item => item.value === formData.type)) return;
     formData.type = (availableMenuTypeOptions.value[0]?.value as BaseMenuType) ?? BaseMenuType.UNKNOWN_MT;
@@ -183,11 +221,18 @@ const statusOptions: ProFormOption[] = [
   { label: "禁用", value: Status.DISABLE }
 ];
 
+const appAccessOptions: ProFormOption[] = [
+  { label: "公开访问", value: "PUBLIC" },
+  { label: "仅游客", value: "GUEST_ONLY" },
+  { label: "登录访问", value: "AUTHENTICATED" }
+];
+
 /**
  * 渲染菜单图标单元格，统一兼容 Element Plus 图标和本地 svg 图标。
  */
 function renderMenuIconCell(scope: RenderScope<BaseMenu>) {
   const icon = scope.row.meta?.icon;
+  if (isAppMenu(scope.row.parent_id)) return icon || "--";
   const iconName = resolveElementIcon(icon);
   if (iconName) {
     return h(
@@ -212,7 +257,14 @@ function renderHiddenCell(scope: RenderScope<BaseMenu>) {
 
 /** 菜单表格列配置。 */
 const columns = computed<ColumnProps[]>(() => [
-  { type: "selection", width: 55, selectable: row => (row as BaseMenu).parent_id !== 0 },
+  {
+    type: "selection",
+    width: 55,
+    selectable: row => {
+      const menu = row as BaseMenu;
+      return menu.parent_id !== 0 && menu.id !== APP_MENU_ROOT_ID;
+    }
+  },
   {
     prop: "meta.title",
     label: "菜单名称",
@@ -284,7 +336,10 @@ const columns = computed<ColumnProps[]>(() => [
         type: "danger",
         link: true,
         icon: Delete,
-        hidden: scope => !BUTTONS.value["base:menu:delete"] || (scope.row as BaseMenu).parent_id === 0,
+        hidden: scope => {
+          const menu = scope.row as BaseMenu;
+          return !BUTTONS.value["base:menu:delete"] || menu.parent_id === 0 || menu.id === APP_MENU_ROOT_ID;
+        },
         onClick: scope => handleDeleteMenu(scope.row as BaseMenu)
       }
     ]
@@ -388,29 +443,74 @@ const formFields = computed<ProFormField[]>(() => [
     itemProps: model => ({
       required: model.type !== BaseMenuType.BUTTON
     }),
-    visible: model => model.type !== BaseMenuType.BUTTON
+    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BUTTON
+  },
+  {
+    prop: "meta.icon",
+    label: "默认图标",
+    component: "input",
+    labelTooltip: "填写移动端模块注册的图标键或 HTTPS 图片地址。",
+    itemProps: model => ({
+      required: Boolean(model.meta?.app?.in_tab_bar)
+    }),
+    props: { placeholder: "例如 HOME_DEFAULT" },
+    visible: model => isAppMenu(model.parent_id)
   },
   {
     prop: "name",
-    label: "路由名称",
+    label: isAppMenu(formData.parent_id) ? "逻辑名称" : "路由名称",
     component: "input",
-    labelTooltip: "如果需要开启缓存，需保证页面 defineOptions 中的 name 与此处一致，建议使用驼峰。",
+    labelTooltip: isAppMenu(formData.parent_id)
+      ? "移动端页面使用 App 前缀的唯一逻辑名称。"
+      : "如果需要开启缓存，需保证页面 defineOptions 中的 name 与此处一致，建议使用驼峰。",
     itemProps: model => ({
       required: model.type === BaseMenuType.MENU
     }),
-    props: { placeholder: "请输入路由名称" },
+    props: () => ({
+      placeholder: isAppMenu(formData.parent_id) ? "例如 AppHome" : "请输入路由名称"
+    }),
     visible: model => model.type === BaseMenuType.MENU
   },
+  {
+    prop: "meta.app.view_key",
+    label: "视图键",
+    component: "input",
+    labelTooltip: "必须与移动端模块注册的稳定 viewKey 一致，不填写组件文件路径。",
+    itemProps: { required: true },
+    props: { placeholder: "例如 HOME" },
+    visible: model => isAppMenu(model.parent_id)
+  },
+  {
+    prop: "meta.app.access",
+    label: "访问模式",
+    component: "select",
+    options: appAccessOptions,
+    itemProps: { required: true },
+    props: {
+      clearable: false,
+      placeholder: "请选择访问模式"
+    },
+    visible: model => isAppMenu(model.parent_id)
+  },
+  {
+    prop: "meta.app.selected_icon",
+    label: "选中图标",
+    component: "input",
+    labelTooltip: "填写移动端模块注册的图标键或 HTTPS 图片地址。",
+    itemProps: { required: true },
+    props: { placeholder: "例如 HOME_SELECTED" },
+    visible: model => isAppTab(model.parent_id)
+  },
   {
     prop: "component",
     label: "组件路径",
     component: "input",
     labelTooltip: "组件页面完整路径，格式为模块名/模块内 views 路径，例如 system/base/user/index，缺省后缀 .vue。",
     itemProps: model => ({
-      required: model.type === BaseMenuType.MENU
+      required: model.type === BaseMenuType.MENU && !isAppMenu(model.parent_id)
     }),
     props: { placeholder: "system/base/user/index" },
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => model.type === BaseMenuType.MENU && !isAppMenu(model.parent_id)
   },
   {
     prop: "meta.hidden",
@@ -423,7 +523,7 @@ const formFields = computed<ProFormField[]>(() => [
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => model.type !== BaseMenuType.BUTTON
+    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BUTTON
   },
   {
     prop: "meta.always_show",
@@ -437,7 +537,7 @@ const formFields = computed<ProFormField[]>(() => [
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => model.type === BaseMenuType.FOLDER || model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && (model.type === BaseMenuType.FOLDER || model.type === BaseMenuType.MENU)
   },
   {
     prop: "meta.keep_alive",
@@ -450,7 +550,7 @@ const formFields = computed<ProFormField[]>(() => [
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
   },
   {
     prop: "meta.full",
@@ -463,7 +563,7 @@ const formFields = computed<ProFormField[]>(() => [
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
   },
   {
     prop: "meta.affix",
@@ -476,7 +576,7 @@ const formFields = computed<ProFormField[]>(() => [
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
   },
   {
     prop: "meta.params",
@@ -491,7 +591,7 @@ const formFields = computed<ProFormField[]>(() => [
     itemProps: {
       class: "menu-form__params"
     },
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
   },
   {
     prop: "api",
@@ -503,7 +603,7 @@ const formFields = computed<ProFormField[]>(() => [
       filterable: true,
       titles: ["可选 API", "已选 API"]
     },
-    visible: model => model.type === BaseMenuType.MENU || model.type === BaseMenuType.BUTTON,
+    visible: model => model.id === APP_MENU_ROOT_ID || model.type === BaseMenuType.MENU || model.type === BaseMenuType.BUTTON,
     colSpan: 24
   },
   {
@@ -548,21 +648,54 @@ const rules = computed<FormRules>(() => ({
     {
       validator: (_rule, value, callback) => {
         if (formData.type === BaseMenuType.BUTTON) return callback();
+        if (isAppMenu(formData.parent_id) && !isAppTab(formData.parent_id)) return callback();
         if (value) return callback();
-        callback(new Error("请选择菜单图标"));
+        callback(new Error(isAppMenu(formData.parent_id) ? "请输入默认图标" : "请选择菜单图标"));
+      },
+      trigger: "change"
+    }
+  ],
+  "meta.app.view_key": [
+    {
+      validator: (_rule, value, callback) => {
+        if (!isAppMenu(formData.parent_id) || value) return callback();
+        callback(new Error("请输入视图键"));
+      },
+      trigger: "blur"
+    }
+  ],
+  "meta.app.access": [
+    {
+      validator: (_rule, value, callback) => {
+        if (!isAppMenu(formData.parent_id) || value) return callback();
+        callback(new Error("请选择访问模式"));
       },
       trigger: "change"
     }
   ],
+  "meta.app.selected_icon": [
+    {
+      validator: (_rule, value, callback) => {
+        if (!isAppTab(formData.parent_id) || value) return callback();
+        callback(new Error("请输入选中图标"));
+      },
+      trigger: "blur"
+    }
+  ],
   path: [
     { max: 1024, message: "路径不能超过 1024 个字符", trigger: "blur" },
     {
       validator: (_rule, value, callback) => {
         if (formData.type === BaseMenuType.FOLDER) return callback();
-        if (value) return callback();
-        if (formData.type === BaseMenuType.BUTTON) return callback(new Error("请输入权限标识"));
-        if (formData.type === BaseMenuType.EXT_LINK) return callback(new Error("请输入完整外链地址"));
-        callback(new Error("请输入路由路径"));
+        if (!value) {
+          if (formData.type === BaseMenuType.BUTTON) return callback(new Error("请输入权限标识"));
+          if (formData.type === BaseMenuType.EXT_LINK) return callback(new Error("请输入完整外链地址"));
+          return callback(new Error(isAppMenu(formData.parent_id) ? "请输入逻辑路径" : "请输入路由路径"));
+        }
+        if (isAppMenu(formData.parent_id) && !String(value).startsWith("app/")) {
+          return callback(new Error("移动端逻辑路径必须使用 app/ 前缀"));
+        }
+        callback();
       },
       trigger: "blur"
     }
@@ -583,8 +716,11 @@ const rules = computed<FormRules>(() => ({
     {
       validator: (_rule, value, callback) => {
         if (formData.type !== BaseMenuType.MENU) return callback();
-        if (value) return callback();
-        callback(new Error("请输入路由名称"));
+        if (!value) return callback(new Error(isAppMenu(formData.parent_id) ? "请输入逻辑名称" : "请输入路由名称"));
+        if (isAppMenu(formData.parent_id) && !String(value).startsWith("App")) {
+          return callback(new Error("移动端逻辑名称必须使用 App 前缀"));
+        }
+        callback();
       },
       trigger: "blur"
     }
@@ -593,7 +729,7 @@ const rules = computed<FormRules>(() => ({
     { max: 255, message: "组件路径不能超过 255 个字符", trigger: "blur" },
     {
       validator: (_rule, value, callback) => {
-        if (formData.type !== BaseMenuType.MENU) return callback();
+        if (formData.type !== BaseMenuType.MENU || isAppMenu(formData.parent_id)) return callback();
         if (value) return callback();
         callback(new Error("请输入组件路径"));
       },
@@ -606,6 +742,7 @@ const rules = computed<FormRules>(() => ({
 
 /** 计算当前路径字段文案。 */
 function getPathFieldLabel() {
+  if (isAppMenu(formData.parent_id)) return "逻辑路径";
   if (formData.type === BaseMenuType.BUTTON) return "权限标识";
   if (formData.type === BaseMenuType.EXT_LINK) return "内部路径";
   return "路由路径";
@@ -613,6 +750,7 @@ function getPathFieldLabel() {
 
 /** 计算当前路径字段占位文案。 */
 function getPathFieldPlaceholder() {
+  if (isAppMenu(formData.parent_id)) return "例如 app/home";
   if (formData.type === BaseMenuType.BUTTON) return "请输入按钮权限标识";
   if (formData.type === BaseMenuType.EXT_LINK) return "external/baidu";
   if (formData.type === BaseMenuType.FOLDER) return "base";
@@ -621,6 +759,7 @@ function getPathFieldPlaceholder() {
 
 /** 计算当前路径字段提示文案。 */
 function getPathFieldTooltip() {
+  if (isAppMenu(formData.parent_id)) return "使用 app/ 前缀的稳定逻辑路径，不填写 uni-app 物理页面路径。";
   if (formData.type === BaseMenuType.BUTTON) return "按钮类型菜单使用权限标识，例如 base:user:create。";
   if (formData.type === BaseMenuType.EXT_LINK) return "外链使用内部唯一路径，例如 external/baidu；实际地址填写在外链地址中。";
   if (formData.type === BaseMenuType.FOLDER) return "目录不填写路径，仅用于组织下级菜单。";
@@ -679,16 +818,18 @@ function normalizeMenuApiSelection(api?: unknown[]) {
 /** 将服务端菜单表单补齐为前端可编辑结构。 */
 function normalizeMenuForm(data?: Partial<BaseMenuForm>): MenuFormState {
   const defaultForm = createDefaultMenuForm();
+  const parentId = data?.parent_id === 0 ? undefined : data?.parent_id;
   const normalizedMeta = {
     ...createDefaultMenuMeta(),
     ...(data?.meta ?? {}),
-    params: data?.meta?.params ?? []
+    params: data?.meta?.params ?? [],
+    app: data?.meta?.app ?? (isAppMenu(parentId) ? createDefaultAppMenuMeta() : undefined)
   };
 
   return {
     ...defaultForm,
     ...data,
-    parent_id: data?.parent_id === 0 ? undefined : data?.parent_id,
+    parent_id: parentId,
     type: data?.type ?? BaseMenuType.FOLDER,
     status: data?.status ?? Status.ENABLE,
     api: normalizeMenuApiSelection(data?.api),
@@ -700,11 +841,13 @@ function normalizeMenuForm(data?: Partial<BaseMenuForm>): MenuFormState {
 /** 构建可选父级菜单树，并记录父节点类型用于约束下级菜单类型。 */
 function buildMenuOptions(menuList: BaseMenu[] = []) {
   const typeMap = new Map<number, BaseMenuType>();
+  const mobileIds = new Set<number>([APP_MENU_ROOT_ID]);
   const convert = (list: BaseMenu[]): ProFormOption[] =>
     list
       .filter(item => item.type === BaseMenuType.FOLDER || item.type === BaseMenuType.MENU)
       .map(item => {
         typeMap.set(item.id, item.type);
+        if (mobileIds.has(item.parent_id ?? 0)) mobileIds.add(item.id);
         return {
           label: item.meta?.title || item.name || item.path,
           value: item.id,
@@ -713,6 +856,7 @@ function buildMenuOptions(menuList: BaseMenu[] = []) {
       });
   const options = convert(menuList);
   parentMenuTypeMap.value = typeMap;
+  appMenuIds.value = mobileIds;
   return options;
 }
 
@@ -723,6 +867,20 @@ function buildSubmitPayload(): BaseMenuForm {
   if (payload.id > 0 && payload.parent_id === undefined) payload.parent_id = 0;
   payload.meta.params = (payload.meta.params ?? []).filter(item => item.key || item.value);
 
+  if (isAppMenu(payload.parent_id)) {
+    payload.component = "";
+    payload.redirect = "";
+    payload.meta.app ??= createDefaultAppMenuMeta();
+    payload.meta.always_show = false;
+    payload.meta.hidden = false;
+    payload.meta.keep_alive = false;
+    payload.meta.full = false;
+    payload.meta.affix = false;
+    payload.meta.params = [];
+    payload.meta.app.in_tab_bar = isAppTab(payload.parent_id);
+    if (!payload.meta.app.in_tab_bar) payload.meta.app.selected_icon = undefined;
+  }
+
   if (payload.type === BaseMenuType.BUTTON) {
     payload.name = "";
     payload.component = "";
@@ -740,7 +898,7 @@ function buildSubmitPayload(): BaseMenuForm {
     payload.path = "";
     payload.name = "";
     payload.component = "Layout";
-    payload.api = [];
+    if (payload.id !== APP_MENU_ROOT_ID) payload.api = [];
     payload.meta.keep_alive = false;
     payload.meta.full = false;
     payload.meta.affix = false;
@@ -897,8 +1055,8 @@ function handleDeleteMenu(selected?: number | string | Array<number | string> |
     : selected && typeof selected === "object"
       ? [selected as BaseMenu]
       : [];
-  if (menuList.some(item => item.parent_id === 0)) {
-    ElMessage.warning("一级菜单不允许删除");
+  if (menuList.some(item => item.parent_id === 0 || item.id === APP_MENU_ROOT_ID)) {
+    ElMessage.warning("固定菜单不允许删除");
     return;
   }
   const menuIds = (

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

@@ -83,22 +83,11 @@
                     <el-icon><Document /></el-icon>
                     <span>升级说明</span>
                   </div>
-                  <MarkdownRenderer
+                  <MarkdownPreview
                     class="migration-markdown"
-                    :markdown="selectedMigration.description"
-                    :allow-html="false"
-                    :sanitize="true"
-                    :enable-breaks="true"
-                    :enable-latex="false"
-                    :enable-animate="false"
-                    :enable-shiki="false"
-                    :enable-mermaid="false"
+                    :model-value="selectedMigration.description"
                     :is-dark="globalStore.isDark"
-                    :show-code-block-header="true"
-                    :sticky-code-block-header="false"
-                    :enable-code-line-number="false"
-                    code-max-height="360px"
-                    :style="markdownRootStyle"
+                    max-code-height="360px"
                   />
                 </section>
 
@@ -173,12 +162,11 @@
 <script setup lang="ts">
 import { computed, onMounted, reactive, ref } from "vue";
 import { CopyDocument, Document, DocumentAdd, DocumentRemove, Files, Refresh, Search } from "@element-plus/icons-vue";
-import { MarkdownRenderer } from "x-markdown-vue";
-import "x-markdown-vue/style";
-import { defBaseMigrationService } from "@liujitcn/kratos-admin-system/api/system/base_migration";
-import type { BaseMigration, BaseMigrationListItem, PageBaseMigrationRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_migration";
+import MarkdownPreview from "@liujitcn/kratos-admin-core/components/MarkdownPreview/index.vue";
 import { useGlobalStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { defBaseMigrationService } from "@liujitcn/kratos-admin-system/api/system/base_migration";
+import type { BaseMigration, BaseMigrationListItem, PageBaseMigrationRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_migration";
 
 defineOptions({
   name: "BaseMigration",
@@ -222,12 +210,6 @@ const pageable = reactive<MigrationPageable>({
   page_size: 10,
   total: 0
 });
-/** 覆盖 MarkdownRenderer 默认容器样式，保持内容与详情面板对齐。 */
-const markdownRootStyle = {
-  padding: "0",
-  color: "inherit",
-  backgroundColor: "transparent"
-};
 const hasDetailContent = computed(() =>
   Boolean(selectedMigration.value?.description || selectedMigration.value?.up_sql || selectedMigration.value?.down_sql)
 );
@@ -596,36 +578,6 @@ onMounted(() => {
   overflow-wrap: anywhere;
 }
 
-.migration-markdown :deep(.x-md-core > :first-child) {
-  margin-top: 0;
-}
-
-.migration-markdown :deep(.x-md-core > :last-child) {
-  margin-bottom: 0;
-}
-
-.migration-markdown :deep(h1),
-.migration-markdown :deep(h2),
-.migration-markdown :deep(h3),
-.migration-markdown :deep(h4),
-.migration-markdown :deep(h5),
-.migration-markdown :deep(h6) {
-  color: var(--admin-page-text-primary);
-}
-
-.migration-markdown :deep(a) {
-  color: var(--el-color-primary);
-}
-
-.migration-markdown :deep(blockquote) {
-  border-left-color: var(--el-border-color);
-}
-
-.migration-markdown :deep(table) {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
 .release-sql {
   border: 1px solid var(--admin-page-card-border-soft);
   border-radius: var(--admin-page-radius);

package/dist/package/src/views/tool/api-doc/index.vue

@@ -2,9 +2,6 @@
   <div v-loading="loading" class="app-container code-gen-sub-page">
     <div class="api-doc-page__layout">
       <el-card class="code-gen-sub-card api-doc-page__navigation" shadow="never">
-        <template #header>
-          <div class="api-doc-page__panel-title">文档服务</div>
-        </template>
         <div v-if="documents.length" class="api-doc-page__document-list">
           <button
             v-for="document in documents"
@@ -21,9 +18,6 @@
         <el-empty v-else :image-size="56" description="暂无文档" />
       </el-card>
       <el-card class="code-gen-sub-card api-doc-page__card" shadow="never">
-        <template #header>
-          <div class="api-doc-page__panel-title">{{ selectedDocumentName }}</div>
-        </template>
         <div ref="swaggerRootRef" class="api-doc-page__swagger" />
       </el-card>
     </div>
@@ -41,9 +35,6 @@ const swaggerRootRef = ref<HTMLElement>();
 const loading = ref(true);
 const documents = ref<OpenApiServiceOption[]>([]);
 const selectedDocumentKey = ref("");
-const selectedDocumentName = computed(
-  () => documents.value.find(document => document.key === selectedDocumentKey.value)?.name ?? "API 文档"
-);
 
 /** 初始化携带当前登录令牌的 Swagger UI。 */
 function initializeSwaggerUI(documentKey: string) {
@@ -142,14 +133,6 @@ onBeforeUnmount(() => {
   min-width: 0;
   min-height: 0;
 }
-.api-doc-page__panel-title {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--admin-page-text-primary);
-  white-space: nowrap;
-}
 .api-doc-page__document-list {
   display: flex;
   flex-direction: column;