@liujitcn/kratos-admin-core 0.1.4 → 0.1.6

package/README.md

@@ -60,7 +60,7 @@ packages/core
 
 | 路径                                   | 作用                                                                           |
 | -------------------------------------- | ------------------------------------------------------------------------------ |
-| `src/index.ts`                         | npm 主入口，导出启动函数和模块 interface。                                     |
+| `src/index.ts`                         | npm 主入口，导出启动函数、模块 interface 和通用语音识别能力。                   |
 | `src/auth.ts`                          | 业务模块使用的按钮权限入口。                                                   |
 | `src/format.ts`                        | 业务模块使用的格式化入口。                                                     |
 | `src/navigation.ts`                    | 业务模块使用的路由与跳转入口。                                                 |
@@ -114,6 +114,7 @@ packages/core
 | `src/hooks/useHandleData.ts`           | 删除、状态变更等确认交互。                                                     |
 | `src/hooks/useOnline.ts`               | 网络在线状态监听。                                                             |
 | `src/hooks/useSelection.ts`            | 表格选择状态。                                                                 |
+| `src/hooks/useSpeechRecognition.ts`    | AI 助手与 BI 问数共用的浏览器语音识别，通过 npm 主入口导出。                     |
 | `src/hooks/useTable.ts`                | 表格请求、分页、搜索和加载状态。                                               |
 | `src/hooks/useTheme.ts`                | 主题初始化和切换。                                                             |
 | `src/hooks/useTime.ts`                 | 问候时间和时间展示。                                                           |
@@ -193,6 +194,6 @@ Dict 和 DictLabel 直接响应字典 Store 的文案变化。字典刷新成功
 
 纯表格 demo 的“所在城市”通过 `search.enum` 提供浙江、广东、四川的省市级联选项，选择城市后可筛选对应项目，清空或重置后恢复全部项目。
 
-ProTable 的 `cellType: "actions"` 操作列按当前行的 `hidden` 过滤按钮，优先展示使用 `common.action.edit`、`common.action.delete` 文案的编辑、删除操作；可见按钮超过三项时，其余操作收入“更多”菜单。未配置或无权限的编辑、删除不会补充显示，菜单保留图标、禁用状态和点击参数；自定义 render 或插槽不参与折叠。
+ProTable 的 `cellType: "actions"` 操作列按当前行的 `hidden` 过滤按钮，优先展示使用 `common.action.edit`、`common.action.delete` 文案的编辑、删除操作。可见操作不超过三项时全部展示；四项及以上时，行内固定展示两个操作和“更多”，其余进入菜单。编辑、删除不足两个时按配置顺序补足，不补充未配置或无权限的操作。例如四项操作展示为行内两项、菜单两项。菜单保留图标、禁用状态和点击参数；自定义 render 或插槽不参与折叠。
 
 操作列默认固定在右侧。配置式操作列（`cellType: "actions"`）根据当前页实际展示按钮和表头的最大宽度自适应，计入翻译文案、图标和间距，随语言、字体和行权限变化重新测量，最小宽度为 `80px`；折叠菜单内的按钮不参与测量。自定义 render 或插槽操作列仍默认 `160px`。页面可通过 `width` 或 `minWidth` 覆盖自动宽度，通过 `fixed: "left"` 调整固定位置，或通过 `fixed: false` 取消固定。

package/build/auto-imports.json

@@ -22,11 +22,13 @@
     "Calendar",
     "Camera",
     "ChatDotRound",
+    "Check",
     "CircleCheck",
     "CircleCheckFilled",
     "CircleClose",
     "CirclePlus",
     "Close",
+    "Coin",
     "CollectionTag",
     "CopyDocument",
     "DataAnalysis",
@@ -41,23 +43,30 @@
     "Fold",
     "Folder",
     "Goods",
+    "Grid",
     "InfoFilled",
     "List",
+    "Loading",
     "Lock",
     "Male",
     "Message",
+    "Microphone",
     "Moon",
+    "MoreFilled",
     "Operation",
     "Phone",
     "Plus",
     "Position",
     "Promotion",
     "QuestionFilled",
+    "Rank",
     "Refresh",
     "RefreshLeft",
     "RefreshRight",
     "Search",
     "Setting",
+    "Star",
+    "StarFilled",
     "Sunny",
     "Switch",
     "SwitchButton",

package/dist/package/declarations/src/hooks/useSpeechRecognition.d.ts

@@ -0,0 +1,37 @@
+/** 语音识别结果的最小结构，便于在不同浏览器实现间复用。 */
+export type SpeechResultList = ArrayLike<{
+    0?: {
+        transcript: string;
+    };
+    isFinal?: boolean;
+    length: number;
+}>;
+/** 语音识别错误的最小结构，兼容浏览器事件和不支持错误。 */
+export type SpeechRecognitionError = {
+    code?: number;
+    error?: string;
+    message?: string;
+};
+type SpeechRecognitionOptions = {
+    /** 识别错误回调。 */
+    onError?: (error: SpeechRecognitionError) => void;
+    /** 识别开始回调。 */
+    onStart?: () => void;
+    /** 识别结束回调。 */
+    onEnd?: (text: string) => void;
+    /** 识别结果回调。 */
+    onResult?: (text: string) => void;
+};
+/** 增量累积语音识别结果，避免连续模式下 interim 结果重复计入已确认文本。 */
+export declare function accumulateSpeechResultText(results: SpeechResultList, resultIndex: number, previousFinalText: string): {
+    finalText: string;
+    text: string;
+};
+/** useSpeechRecognition 创建浏览器语音识别实例，并统一结果、状态和卸载处理。 */
+export declare function useSpeechRecognition({ onError, onStart, onEnd, onResult }?: SpeechRecognitionOptions): {
+    loading: globalThis.Ref<boolean, boolean>;
+    start: () => void;
+    stop: () => void;
+    value: globalThis.Ref<string, string>;
+};
+export {};

package/dist/package/declarations/src/index.d.ts

@@ -10,3 +10,5 @@ export { setAdminDocumentTitle } from "./documentTitle";
 export { kratosAdminModule } from "./modules/kratosAdmin";
 export { bootstrapAdminApp } from "./bootstrap";
 export { refreshAdminRuntimeConfig } from "./stores/modules/config";
+export { useSpeechRecognition } from "./hooks/useSpeechRecognition";
+export type { SpeechRecognitionError } from "./hooks/useSpeechRecognition";

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

@@ -15,7 +15,7 @@ export declare function hasValidAccessToken(): boolean;
 export declare function getRequestAccessToken(): Promise<string>;
 /** 尝试通过刷新令牌恢复访问令牌，供路由守卫进入页面前调用。 */
 export declare function ensureAccessToken(): Promise<boolean>;
-/** 统一处理认证失效 */
+/** 统一处理认证失效：会话已不可用时直接清理本地凭据并回到登录页，避免用户停留在全 401 的空壳页面。 */
 export declare function handleAuthExpired(): void;
 /** 以请求体、响应体顺序提供带类型约束的 HTTP 请求函数。 */
 declare function request<Request = unknown, Response = unknown>(config: AxiosRequestConfig<Request>): Promise<Response>;

package/dist/package/src/components/MarkdownPreview/index.vue

@@ -138,7 +138,7 @@ function createMarkdownHeadingId({ text, index }: Parameters<MdHeadingId>[0]) {
   --md-theme-table-td-border-color: var(--admin-page-card-border-soft);
   --md-theme-code-inline-color: var(--admin-page-accent-soft-text);
   --md-theme-code-inline-bg-color: var(--admin-page-card-bg-muted);
-  --md-theme-code-inline-radius: 4px;
+  --md-theme-code-inline-radius: var(--admin-page-radius);
   --md-theme-code-block-color: var(--admin-page-text-primary);
   --md-theme-code-block-bg-color: var(--admin-page-card-bg-muted);
   --md-theme-code-before-bg-color: var(--admin-page-card-bg-muted);

package/dist/package/src/components/PasswordStrength/index.vue

@@ -132,7 +132,7 @@ onMounted(async () => {
 .password-strength__bar {
   height: 8px;
   background: #ebeef5;
-  border-radius: 999px;
+  border-radius: var(--admin-page-radius);
   transform: scaleX(0.92);
   transform-origin: left center;
   transition:

package/dist/package/src/components/ProTable/components/TableColumn.vue

@@ -228,7 +228,7 @@ const renderMoneyCell = (item: ColumnProps, scope: RenderScope<any>) => {
 };
 
 /**
- * 渲染操作按钮列，优先展示编辑、删除，超过三项时将其他操作折叠。
+ * 渲染操作按钮列，三项以内全部展示，超过三项保留两个并折叠其余操作。
  */
 const renderActionsCell = (item: ColumnProps, scope: RenderScope<any>) => {
   if (!item.actions?.length) return "--";
@@ -237,7 +237,9 @@ const renderActionsCell = (item: ColumnProps, scope: RenderScope<any>) => {
   const primaryLabels = [t("common.action.edit"), t("common.action.delete")];
   const primaryActions = primaryLabels.flatMap(label => visibleActions.filter(action => action.label === label));
   const otherActions = visibleActions.filter(action => !primaryLabels.includes(action.label));
-  const inlineActions = visibleActions.length > 3 ? primaryActions : [...primaryActions, ...otherActions];
+  const orderedActions = [...primaryActions, ...otherActions];
+  const inlineActions = visibleActions.length > 3 ? orderedActions.slice(0, 2) : orderedActions;
+  const moreActions = visibleActions.length > 3 ? orderedActions.slice(2) : [];
   const buttons = inlineActions.map((action: TableActionProps) => {
     const params = resolveColumnParams(action.params, scope);
     return h(
@@ -254,7 +256,7 @@ const renderActionsCell = (item: ColumnProps, scope: RenderScope<any>) => {
       { default: () => action.label }
     );
   });
-  if (visibleActions.length > 3 && otherActions.length)
+  if (moreActions.length)
     buttons.push(
       h(
         ElDropdown,
@@ -264,7 +266,7 @@ const renderActionsCell = (item: ColumnProps, scope: RenderScope<any>) => {
             h(ElButton, { type: "primary", link: true, size: "small", icon: ArrowDown }, () => t("common.action.more")),
           dropdown: () =>
             h(ElDropdownMenu, null, () =>
-              otherActions.map(action => {
+              moreActions.map(action => {
                 const disabled = getBooleanValue(action.disabled, scope);
                 const params = resolveColumnParams(action.params, scope);
                 return h(

package/dist/package/src/components/SelectFilter/index.scss

@@ -36,7 +36,7 @@
         list-style: none;
         background: var(--el-color-primary-light-9);
         border: 1px solid var(--el-color-primary-light-5);
-        border-radius: 32px;
+        border-radius: var(--admin-page-radius);
         &:hover {
           color: #ffffff;
           background: var(--el-color-primary);

package/dist/package/src/components/YamlEditor/index.vue

@@ -185,14 +185,14 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
-.yaml-editor { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--el-fill-color-blank); border: 1px solid var(--el-border-color); border-radius: 4px; }
+.yaml-editor { display: flex; flex-direction: column; width: 100%; overflow: hidden; background: var(--el-fill-color-blank); border: 1px solid var(--el-border-color); border-radius: var(--admin-page-radius); }
 .yaml-editor.is-bounded { max-height: v-bind(maxHeight); }
 .yaml-editor:focus-within { border-color: var(--el-color-primary); }
 .yaml-editor.is-invalid { border-color: var(--el-color-danger); }
 .yaml-editor__toolbar { display: flex; align-items: center; justify-content: space-between; min-height: 32px; padding: 2px 8px; background: var(--el-fill-color-light); border-bottom: 1px solid var(--el-border-color-lighter); }
 .yaml-editor__lang { display: inline-flex; gap: 5px; align-items: center; color: var(--el-text-color-secondary); font-size: 12px; font-weight: 600; letter-spacing: 0.5px; }
 .yaml-editor__actions { display: inline-flex; gap: 2px; }
-.yaml-editor__action { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; color: var(--el-text-color-secondary); cursor: pointer; background: transparent; border: none; border-radius: 4px; transition: color 0.15s ease, background-color 0.15s ease; }
+.yaml-editor__action { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; color: var(--el-text-color-secondary); cursor: pointer; background: transparent; border: none; border-radius: var(--admin-page-radius); transition: color 0.15s ease, background-color 0.15s ease; }
 .yaml-editor__action:hover, .yaml-editor__action:focus-visible { color: var(--el-color-primary); background: var(--el-fill-color); outline: none; }
 .yaml-editor__action.is-active { color: var(--el-color-primary); }
 .yaml-editor__host { flex: 1 1 auto; min-height: 0; }

package/dist/package/src/config/index.ts

@@ -10,7 +10,7 @@ export const LOGIN_URL: string = "/login";
 export const DEFAULT_PRIMARY: string = "#009688";
 
 // 路由白名单地址（本地存在的路由 staticRouter.ts 中）
-export const ROUTER_WHITE_LIST: string[] = ["/500"];
+export const ROUTER_WHITE_LIST: string[] = ["/403", "/500"];
 
 // 高德地图 key
 export const AMAP_MAP_KEY: string = "";

package/dist/package/src/hooks/useSpeechRecognition.ts

@@ -0,0 +1,177 @@
+import { getCurrentInstance, onBeforeUnmount, ref } from "vue";
+
+/** 语音识别结果的最小结构，便于在不同浏览器实现间复用。 */
+export type SpeechResultList = ArrayLike<{
+  0?: {
+    transcript: string;
+  };
+  isFinal?: boolean;
+  length: number;
+}>;
+
+/** 语音识别错误的最小结构，兼容浏览器事件和不支持错误。 */
+export type SpeechRecognitionError = {
+  code?: number;
+  error?: string;
+  message?: string;
+};
+
+type SpeechRecognitionResultEvent = {
+  results: SpeechResultList;
+  resultIndex: number;
+};
+
+type SpeechRecognitionInstance = {
+  continuous: boolean;
+  interimResults: boolean;
+  lang: string;
+  onstart: (() => void) | null;
+  onend: (() => void) | null;
+  onerror: ((error: SpeechRecognitionError) => void) | null;
+  onresult: ((event: SpeechRecognitionResultEvent) => void) | null;
+  start: () => void;
+  stop: () => void;
+};
+
+type SpeechRecognitionConstructor = new () => SpeechRecognitionInstance;
+
+type SpeechRecognitionWindow = Window & {
+  SpeechRecognition?: SpeechRecognitionConstructor;
+  webkitSpeechRecognition?: SpeechRecognitionConstructor;
+};
+
+type SpeechRecognitionOptions = {
+  /** 识别错误回调。 */
+  onError?: (error: SpeechRecognitionError) => void;
+  /** 识别开始回调。 */
+  onStart?: () => void;
+  /** 识别结束回调。 */
+  onEnd?: (text: string) => void;
+  /** 识别结果回调。 */
+  onResult?: (text: string) => void;
+};
+
+/** 增量累积语音识别结果，避免连续模式下 interim 结果重复计入已确认文本。 */
+export function accumulateSpeechResultText(
+  results: SpeechResultList,
+  resultIndex: number,
+  previousFinalText: string
+): { finalText: string; text: string } {
+  let finalText = previousFinalText;
+  let interimText = "";
+  for (let index = resultIndex; index < results.length; index++) {
+    const result = results[index];
+    const transcript = result?.[0]?.transcript ?? "";
+    if (result?.isFinal) {
+      finalText += transcript;
+    } else {
+      interimText += transcript;
+    }
+  }
+  // Chrome 连续模式下 interim 结果会累计包含已确认的 final 文本，去除重复前缀。
+  if (interimText && finalText && interimText.startsWith(finalText)) {
+    interimText = interimText.slice(finalText.length);
+  }
+  return { finalText, text: finalText + interimText };
+}
+
+/** useSpeechRecognition 创建浏览器语音识别实例，并统一结果、状态和卸载处理。 */
+export function useSpeechRecognition({ onError, onStart, onEnd, onResult }: SpeechRecognitionOptions = {}) {
+  const loading = ref(false);
+  const value = ref("");
+  let recognition: SpeechRecognitionInstance | null = null;
+  let recognitionSession = 0;
+  let finalText = "";
+
+  /** 获取当前浏览器支持的语音识别构造函数。 */
+  function resolveRecognitionConstructor() {
+    if (typeof window === "undefined") return undefined;
+    const speechWindow = window as SpeechRecognitionWindow;
+    return speechWindow.SpeechRecognition ?? speechWindow.webkitSpeechRecognition;
+  }
+
+  /** 开始一次语音识别。 */
+  function start() {
+    if (loading.value) return;
+    const RecognitionConstructor = resolveRecognitionConstructor();
+    if (!RecognitionConstructor) {
+      onError?.({ code: -1, message: "Speech recognition is not supported by this browser" });
+      return;
+    }
+
+    const nextRecognition = new RecognitionConstructor();
+    const currentSession = ++recognitionSession;
+    recognition = nextRecognition;
+    finalText = "";
+    const isCurrentRecognition = () => recognition === nextRecognition && recognitionSession === currentSession;
+    nextRecognition.continuous = true;
+    nextRecognition.interimResults = true;
+    nextRecognition.lang = "zh-CN";
+    nextRecognition.onstart = () => {
+      if (!isCurrentRecognition()) return;
+      loading.value = true;
+      value.value = "";
+      onStart?.();
+    };
+    nextRecognition.onresult = event => {
+      if (!isCurrentRecognition()) return;
+      const accumulated = accumulateSpeechResultText(event.results, event.resultIndex, finalText);
+      finalText = accumulated.finalText;
+      value.value = accumulated.text;
+      onResult?.(value.value);
+    };
+    nextRecognition.onerror = error => {
+      if (!isCurrentRecognition()) return;
+      loading.value = false;
+      recognition = null;
+      onError?.(error);
+    };
+    nextRecognition.onend = () => {
+      if (!isCurrentRecognition()) return;
+      loading.value = false;
+      recognition = null;
+      onEnd?.(value.value);
+    };
+
+    loading.value = true;
+    try {
+      nextRecognition.start();
+    } catch (error) {
+      if (!isCurrentRecognition()) return;
+      loading.value = false;
+      recognition = null;
+      onError?.({
+        code: -2,
+        message: error instanceof Error ? error.message : String(error)
+      });
+    }
+  }
+
+  /** 停止当前语音识别。 */
+  function stop() {
+    const currentRecognition = recognition;
+    if (!currentRecognition) return;
+    recognition = null;
+    recognitionSession++;
+    loading.value = false;
+    onEnd?.(value.value);
+    currentRecognition.stop();
+  }
+
+  if (getCurrentInstance()) {
+    onBeforeUnmount(() => {
+      const currentRecognition = recognition;
+      recognition = null;
+      recognitionSession++;
+      loading.value = false;
+      currentRecognition?.stop();
+    });
+  }
+
+  return {
+    loading,
+    start,
+    stop,
+    value
+  };
+}

package/dist/package/src/index.ts

@@ -11,3 +11,5 @@ export { setAdminDocumentTitle } from "./documentTitle";
 export { kratosAdminModule } from "./modules/kratosAdmin";
 export { bootstrapAdminApp } from "./bootstrap";
 export { refreshAdminRuntimeConfig } from "./stores/modules/config";
+export { useSpeechRecognition } from "./hooks/useSpeechRecognition";
+export type { SpeechRecognitionError } from "./hooks/useSpeechRecognition";

package/dist/package/src/layouts/components/Header/ToolBarRight.vue

@@ -42,5 +42,15 @@ const headerTools = getAdminHeaderTools();
   :deep(.el-dropdown) {
     margin-left: 18px;
   }
+
+  @media screen and (width <= 600px) {
+    .header-icon > * {
+      margin-left: 8px;
+    }
+
+    :deep(.el-dropdown) {
+      margin-left: 8px;
+    }
+  }
 }
 </style>

package/dist/package/src/routers/index.ts

@@ -93,14 +93,23 @@ router.beforeEach(async to => {
   // 5.如果没有菜单列表，就重新请求菜单列表并添加动态路由
   if (!authStore.authMenuListGet.length) {
     await userStore.getUserInfo();
-    await initDynamicRouter();
+    try {
+      await initDynamicRouter();
+    } catch {
+      // 无菜单权限账号保留登录态并引导到 403 页，避免踢回登录页后因会话有效被弹回。
+      return { path: "/403", replace: true };
+    }
     if (isUnmatchedRoute(router, to.path)) return getFirstAccessibleRoutePath();
     return { ...to, replace: true };
   }
 
   // 5.1 菜单已恢复但路由实例尚未重新挂载时，补跑一次动态路由注册，避免刷新或登录首跳直接命中 404。
   if (isUnmatchedRoute(router, to.path)) {
-    await initDynamicRouter();
+    try {
+      await initDynamicRouter();
+    } catch {
+      return { path: "/403", replace: true };
+    }
     if (isUnmatchedRoute(router, to.path)) return getFirstAccessibleRoutePath();
     return { ...to, replace: true };
   }

package/dist/package/src/routers/modules/dynamicRouter.ts

@@ -129,8 +129,7 @@ export const initDynamicRouter = async () => {
         type: "warning",
         duration: 3000
       });
-      userStore.clearAuthData();
-      router.replace(LOGIN_URL);
+      // 保留登录态由调用方引导到 403 页，避免清除会话后登录页回跳形成重定向循环。
       return Promise.reject("No permission");
     }
 

package/dist/package/src/styles/common.scss

@@ -98,7 +98,7 @@
 }
 ::-webkit-scrollbar-thumb {
   background-color: var(--el-border-color-darker);
-  border-radius: 20px;
+  border-radius: var(--admin-page-radius);
 }
 
 /* nprogress */

package/dist/package/src/styles/element-dark.scss

@@ -1,6 +1,5 @@
 /* 自定义 element 暗黑模式 */
 html.dark {
-  --admin-page-radius: 6px;
   --admin-page-card-bg: var(--el-bg-color-overlay);
   --admin-page-card-bg-soft: var(--el-fill-color-light);
   --admin-page-card-bg-muted: var(--el-fill-color);

package/dist/package/src/styles/element.scss

@@ -1,7 +1,59 @@
 /* 统一 Element Plus 矩形控件与后台页面的圆角。 */
 html:root {
   --el-border-radius-base: var(--admin-page-radius);
-  --el-border-radius-small: 2px;
+  --el-border-radius-small: var(--admin-page-radius);
+  --el-border-radius-round: var(--admin-page-radius);
+  --el-popover-border-radius: var(--admin-page-radius);
+}
+
+/* 组件局部变量和小尺寸派生值不会继承基础圆角，需要同步覆盖。 */
+:root .el-card {
+  --el-card-border-radius: var(--admin-page-radius);
+}
+:root .el-tag {
+  --el-tag-border-radius: var(--admin-page-radius);
+  --el-tag-border-radius-rounded: var(--admin-page-radius);
+}
+:root .el-popover {
+  --el-popover-border-radius: var(--admin-page-radius);
+}
+:root .el-badge {
+  --el-badge-radius: var(--admin-page-radius);
+}
+:root .el-pagination {
+  --el-pagination-border-radius: var(--admin-page-radius);
+}
+:root .el-button.el-button--small:not(.is-circle),
+:root .el-checkbox.is-bordered.el-checkbox--small,
+:root .el-color-picker__trigger,
+:root .el-image-viewer__actions,
+:root .el-progress-bar__outer,
+:root .el-progress-bar__inner,
+:root .el-scrollbar__bar,
+:root .el-segmented.el-segmented--small,
+:root .el-segmented .el-segmented__item,
+:root .el-segmented .el-segmented__item-selected,
+:root .el-steps--simple,
+:root .el-switch .el-switch__core,
+:root .el-table-filter,
+:root .el-tabs__new-tab,
+:root .el-tabs__item:focus-visible,
+:root .el-upload--picture-card,
+:root .el-upload-dragger,
+:root .el-upload-list .el-upload-list__item {
+  border-radius: var(--admin-page-radius);
+}
+:root .el-input::-webkit-scrollbar-thumb {
+  border-radius: var(--admin-page-radius);
+}
+:root .el-tabs--card > .el-tabs__header .el-tabs__nav {
+  border-radius: var(--admin-page-radius) var(--admin-page-radius) 0 0;
+}
+:root .el-tabs--left.el-tabs--card .el-tabs__nav {
+  border-radius: var(--admin-page-radius) 0 0 var(--admin-page-radius);
+}
+:root .el-tabs--right.el-tabs--card .el-tabs__nav {
+  border-radius: 0 var(--admin-page-radius) var(--admin-page-radius) 0;
 }
 
 /* el-alert */

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

@@ -237,6 +237,12 @@ function hasRefreshCookieHint() {
   return Number.isFinite(expiresAt) && expiresAt * 1000 > Date.now();
 }
 
+/** 清除刷新令牌过期提示 Cookie，供会话吊销与刷新失败路径复用，避免守卫误判仍可静默刷新。 */
+function clearRefreshExpiryCookie() {
+  if (typeof document === "undefined") return;
+  document.cookie = `${REFRESH_EXPIRY_COOKIE}=; Max-Age=0; path=/`;
+}
+
 /** 判断当前访问令牌是否仍在有效期内。 */
 export function hasValidAccessToken() {
   const userStore = getUserStore();
@@ -291,30 +297,24 @@ export async function ensureAccessToken() {
 let isHandlingAuthExpired = false;
 let passwordChangePromptUntil = 0;
 
-/** 统一处理认证失效 */
+/** 统一处理认证失效：会话已不可用时直接清理本地凭据并回到登录页，避免用户停留在全 401 的空壳页面。 */
 export function handleAuthExpired() {
   if (isHandlingAuthExpired) {
     return;
   }
 
   isHandlingAuthExpired = true;
-  ElMessageBox.confirm(t("core.auth.session_expired"), t("common.title.notice"), {
-    confirmButtonText: t("core.auth.login_again"),
-    cancelButtonText: t("common.action.cancel"),
-    type: "warning",
-    closeOnClickModal: false,
-    closeOnPressEscape: false
-  })
-    .then(() => {
-      const userStore = getUserStore();
-      const currentRoute = router.currentRoute.value;
-      const redirect = currentRoute.path === LOGIN_URL ? undefined : currentRoute.fullPath;
-      clearPasswordChangeRequired();
-      userStore.clearAuthData();
-      return router.replace({
-        path: LOGIN_URL,
-        query: redirect ? { redirect } : undefined
-      });
+  const userStore = getUserStore();
+  const currentRoute = router.currentRoute.value;
+  const redirect = currentRoute.path === LOGIN_URL ? undefined : currentRoute.fullPath;
+  clearPasswordChangeRequired();
+  clearRefreshExpiryCookie();
+  userStore.clearAuthData();
+  ElMessage.warning(t("core.auth.session_expired"));
+  void router
+    .replace({
+      path: LOGIN_URL,
+      query: redirect ? { redirect } : undefined
     })
     .finally(() => {
       isHandlingAuthExpired = false;
@@ -447,6 +447,7 @@ async function handleTokenRefresh(promptOnFailure = true) {
       .catch(error => {
         if (isRefreshTokenUnauthorized(error)) {
           // 刷新令牌失效后立即终止后续自动刷新，避免旧 Cookie 被反复提交。
+          clearRefreshExpiryCookie();
           getUserStore().clearAuthData();
         }
         if (promptOnFailure) {

package/dist/package/src/views/login/components/LoginForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-form ref="loginFormRef" :model="loginForm" :rules="loginRules" size="large">
+  <el-form ref="loginFormRef" :model="loginForm" :rules="loginRules" size="large" :validate-on-rule-change="false">
     <el-form-item v-if="configStore.showTenantCode" prop="tenant_code">
       <el-input v-model="loginForm.tenant_code" :placeholder="t('core.login.tenant_code')">
         <template #prefix>
@@ -586,7 +586,13 @@ const finishLogin = async (mustChangePassword = false) => {
   }
 
   // 3.添加动态路由
-  await initDynamicRouter();
+  try {
+    await initDynamicRouter();
+  } catch {
+    // 无菜单权限账号保留登录态并引导到 403 页，不再继续欢迎流程。
+    await router.replace("/403");
+    return;
+  }
 
   // 4.清空 tabs、keepAlive 数据
   tabsStore.setTabs([]);
@@ -1086,7 +1092,7 @@ watch(
 :global(.behavior-captcha-dialog .go-captcha .gc-drag-line) {
   height: 12px;
   margin-top: -6px;
-  border-radius: 999px;
+  border-radius: var(--admin-page-radius);
 }
 
 :global(.behavior-captcha-dialog .go-captcha .gc-drag-block) {

package/dist/package/types/generated/auto-imports.d.ts

@@ -16,11 +16,13 @@ declare global {
   const Calendar: typeof import('@element-plus/icons-vue').Calendar
   const Camera: typeof import('@element-plus/icons-vue').Camera
   const ChatDotRound: typeof import('@element-plus/icons-vue').ChatDotRound
+  const Check: typeof import('@element-plus/icons-vue').Check
   const CircleCheck: typeof import('@element-plus/icons-vue').CircleCheck
   const CircleCheckFilled: typeof import('@element-plus/icons-vue').CircleCheckFilled
   const CircleClose: typeof import('@element-plus/icons-vue').CircleClose
   const CirclePlus: typeof import('@element-plus/icons-vue').CirclePlus
   const Close: typeof import('@element-plus/icons-vue').Close
+  const Coin: typeof import('@element-plus/icons-vue').Coin
   const CollectionTag: typeof import('@element-plus/icons-vue').CollectionTag
   const CopyDocument: typeof import('@element-plus/icons-vue').CopyDocument
   const DataAnalysis: typeof import('@element-plus/icons-vue').DataAnalysis
@@ -46,23 +48,30 @@ declare global {
   const Fold: typeof import('@element-plus/icons-vue').Fold
   const Folder: typeof import('@element-plus/icons-vue').Folder
   const Goods: typeof import('@element-plus/icons-vue').Goods
+  const Grid: typeof import('@element-plus/icons-vue').Grid
   const InfoFilled: typeof import('@element-plus/icons-vue').InfoFilled
   const List: typeof import('@element-plus/icons-vue').List
+  const Loading: typeof import('@element-plus/icons-vue').Loading
   const Lock: typeof import('@element-plus/icons-vue').Lock
   const Male: typeof import('@element-plus/icons-vue').Male
   const Message: typeof import('@element-plus/icons-vue').Message
+  const Microphone: typeof import('@element-plus/icons-vue').Microphone
   const Moon: typeof import('@element-plus/icons-vue').Moon
+  const MoreFilled: typeof import('@element-plus/icons-vue').MoreFilled
   const Operation: typeof import('@element-plus/icons-vue').Operation
   const Phone: typeof import('@element-plus/icons-vue').Phone
   const Plus: typeof import('@element-plus/icons-vue').Plus
   const Position: typeof import('@element-plus/icons-vue').Position
   const Promotion: typeof import('@element-plus/icons-vue').Promotion
   const QuestionFilled: typeof import('@element-plus/icons-vue').QuestionFilled
+  const Rank: typeof import('@element-plus/icons-vue').Rank
   const Refresh: typeof import('@element-plus/icons-vue').Refresh
   const RefreshLeft: typeof import('@element-plus/icons-vue').RefreshLeft
   const RefreshRight: typeof import('@element-plus/icons-vue').RefreshRight
   const Search: typeof import('@element-plus/icons-vue').Search
   const Setting: typeof import('@element-plus/icons-vue').Setting
+  const Star: typeof import('@element-plus/icons-vue').Star
+  const StarFilled: typeof import('@element-plus/icons-vue').StarFilled
   const Sunny: typeof import('@element-plus/icons-vue').Sunny
   const Switch: typeof import('@element-plus/icons-vue').Switch
   const SwitchButton: typeof import('@element-plus/icons-vue').SwitchButton

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujitcn/kratos-admin-core",
   "private": false,
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "description": "kratos-admin frontend runtime and base modules",
   "author": {
@@ -263,7 +263,7 @@
   "scripts": {
     "build": "pnpm build:package",
     "build:package": "node ../../scripts/build-package.mjs .",
-    "test": "tsc -p tsconfig.test.json && node --test dist/test/tests/modules.test.js dist/test/tests/dict.test.js dist/test/tests/menu.test.js dist/test/tests/source-patterns.test.js dist/test/tests/codegen-hmr.test.js dist/test/tests/dialog-request.test.js dist/test/tests/request-error.test.js dist/test/tests/locale-reactivity.test.js",
+    "test": "tsc -p tsconfig.test.json && node --test dist/test/tests/modules.test.js dist/test/tests/dict.test.js dist/test/tests/menu.test.js dist/test/tests/source-patterns.test.js dist/test/tests/codegen-hmr.test.js dist/test/tests/dialog-request.test.js dist/test/tests/request-error.test.js dist/test/tests/locale-reactivity.test.js dist/test/tests/voice-input.test.js",
     "type:check": "vue-tsc --noEmit --skipLibCheck"
   }
 }

package/types/generated/auto-imports.d.ts

@@ -16,11 +16,13 @@ declare global {
   const Calendar: typeof import('@element-plus/icons-vue').Calendar
   const Camera: typeof import('@element-plus/icons-vue').Camera
   const ChatDotRound: typeof import('@element-plus/icons-vue').ChatDotRound
+  const Check: typeof import('@element-plus/icons-vue').Check
   const CircleCheck: typeof import('@element-plus/icons-vue').CircleCheck
   const CircleCheckFilled: typeof import('@element-plus/icons-vue').CircleCheckFilled
   const CircleClose: typeof import('@element-plus/icons-vue').CircleClose
   const CirclePlus: typeof import('@element-plus/icons-vue').CirclePlus
   const Close: typeof import('@element-plus/icons-vue').Close
+  const Coin: typeof import('@element-plus/icons-vue').Coin
   const CollectionTag: typeof import('@element-plus/icons-vue').CollectionTag
   const CopyDocument: typeof import('@element-plus/icons-vue').CopyDocument
   const DataAnalysis: typeof import('@element-plus/icons-vue').DataAnalysis
@@ -46,23 +48,30 @@ declare global {
   const Fold: typeof import('@element-plus/icons-vue').Fold
   const Folder: typeof import('@element-plus/icons-vue').Folder
   const Goods: typeof import('@element-plus/icons-vue').Goods
+  const Grid: typeof import('@element-plus/icons-vue').Grid
   const InfoFilled: typeof import('@element-plus/icons-vue').InfoFilled
   const List: typeof import('@element-plus/icons-vue').List
+  const Loading: typeof import('@element-plus/icons-vue').Loading
   const Lock: typeof import('@element-plus/icons-vue').Lock
   const Male: typeof import('@element-plus/icons-vue').Male
   const Message: typeof import('@element-plus/icons-vue').Message
+  const Microphone: typeof import('@element-plus/icons-vue').Microphone
   const Moon: typeof import('@element-plus/icons-vue').Moon
+  const MoreFilled: typeof import('@element-plus/icons-vue').MoreFilled
   const Operation: typeof import('@element-plus/icons-vue').Operation
   const Phone: typeof import('@element-plus/icons-vue').Phone
   const Plus: typeof import('@element-plus/icons-vue').Plus
   const Position: typeof import('@element-plus/icons-vue').Position
   const Promotion: typeof import('@element-plus/icons-vue').Promotion
   const QuestionFilled: typeof import('@element-plus/icons-vue').QuestionFilled
+  const Rank: typeof import('@element-plus/icons-vue').Rank
   const Refresh: typeof import('@element-plus/icons-vue').Refresh
   const RefreshLeft: typeof import('@element-plus/icons-vue').RefreshLeft
   const RefreshRight: typeof import('@element-plus/icons-vue').RefreshRight
   const Search: typeof import('@element-plus/icons-vue').Search
   const Setting: typeof import('@element-plus/icons-vue').Setting
+  const Star: typeof import('@element-plus/icons-vue').Star
+  const StarFilled: typeof import('@element-plus/icons-vue').StarFilled
   const Sunny: typeof import('@element-plus/icons-vue').Sunny
   const Switch: typeof import('@element-plus/icons-vue').Switch
   const SwitchButton: typeof import('@element-plus/icons-vue').SwitchButton