fix: 对齐新版前端旧版布局

2026-05-15 16:11:35 +08:00
parent da5c92733d
commit 12b8a11f17
10 changed files with 1286 additions and 760 deletions
@@ -0,0 +1,41 @@
+import { shallowReactive, unref, type Ref } from 'vue';
+
+type HeaderValue<T> = T | Ref<T> | (() => T);
+
+export interface PageHeaderAction {
+  key: string;
+  label: HeaderValue<string>;
+  icon?: HeaderValue<string>;
+  title?: HeaderValue<string>;
+  kind?: 'button' | 'text';
+  type?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+  variant?: 'solid' | 'outline' | 'text';
+  loading?: HeaderValue<boolean>;
+  disabled?: HeaderValue<boolean>;
+  onClick?: () => void | Promise<void>;
+}
+
+export const pageHeader = shallowReactive<{
+  subtitle: HeaderValue<string> | '';
+  actions: PageHeaderAction[];
+}>({
+  subtitle: '',
+  actions: []
+});
+
+export function setPageHeader(config: { subtitle?: HeaderValue<string>; actions?: PageHeaderAction[] }) {
+  pageHeader.subtitle = config.subtitle || '';
+  pageHeader.actions = config.actions || [];
+}
+
+export function resetPageHeader() {
+  pageHeader.subtitle = '';
+  pageHeader.actions = [];
+}
+
+export function resolveHeaderValue<T>(value: HeaderValue<T> | undefined, fallback: T): T {
+  if (typeof value === 'function') {
+    return (value as () => T)();
+  }
+  return value === undefined ? fallback : unref(value);
+}