@jiangood/open-admin 3.1.10 → 3.1.12

package/package.json

@@ -15,7 +15,7 @@
     "less": "^4.2.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.67.0",
-    "vite": "^8.0.0"
+    "vite": "^8.3.3"
   },
   "peerDependencies": {
     "@ant-design/icons": "^6.0.0",
@@ -26,7 +26,7 @@
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
     "lodash": "^4.17.23",
-    "qs": "^6.14.0",
+    "qs": "^6.16.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
@@ -55,7 +55,7 @@
     "lint": "eslint src --max-warnings=0",
     "lint:fix": "eslint src --fix"
   },
-  "version": "3.1.10",
+  "version": "3.1.12",
   "overrides": {
     "zod-validation-error": "^4.0.2"
   }

package/src/framework/GlobalData.ts

@@ -12,6 +12,8 @@ export interface SiteInfo {
     waterMark?: boolean;
     /** 登录失效（空闲超时/未登录）时全局弹窗的提示文案，对应 sys.login-expired-message */
     loginExpiredMessage?: string;
+    /** 后端声明为 publicVisible 的参数项，key → value */
+    config?: Record<string, unknown>;
     [key: string]: unknown;
 }
 
@@ -20,6 +22,8 @@ export interface LoginInfo {
     account?: string;
     phone?: string;
     email?: string;
+    /** 头像文件 objectName，页面按 /file/{avatar} 访问 */
+    avatar?: string;
     unit?: string;
     dept?: string;
     roles?: string;

package/src/framework/biz/OrgTree.tsx

@@ -22,7 +22,7 @@ export class OrgTree extends React.Component<OrgTreeProps, OrgTreeState> {
     }
 
     componentDidMount() {
-        HttpClient.get('admin/sysOrg/tree', null).then(tree => {
+        HttpClient.get('admin/sys-org/tree', null).then(tree => {
             this.setState({treeData: tree.data, treeDataLoading: false})
         }).catch(() => {
             // 失败时结束 loading 并置空（组件会显示空状态提示），避免一直停留在骨架屏；

package/src/framework/biz/RoleTree.tsx

@@ -22,7 +22,7 @@ export class RoleTree extends React.Component<RoleTreeProps, RoleTreeState> {
     }
 
     componentDidMount() {
-        HttpClient.get('admin/sysRole/biz-tree', null).then(tree => {
+        HttpClient.get('admin/sys-role/biz-tree', null).then(tree => {
             this.setState({treeData: tree.data, treeDataLoading: false})
         }).catch(() => {
             // 失败时结束 loading 并置空（组件会显示空状态提示），避免一直停留在骨架屏；

package/src/framework/biz/UserPicker.tsx

@@ -20,9 +20,9 @@ export interface UserPickerProps {
     width?: number;
     /** 内容区高度，默认 530（刚好容纳默认每页 10 行，不出现表格内部纵向滚动） */
     height?: number;
-    /** 分页数据源地址，默认 admin/sysUser/page */
+    /** 分页数据源地址，默认 admin/sys-user/page */
     requestUrl?: string;
-    /** 按 id 查询用户详情地址（用于回显），默认 admin/sysUser/by-ids */
+    /** 按 id 查询用户详情地址（用于回显），默认 admin/sys-user/by-ids */
     usersUrl?: string;
     /** 确定按钮 loading */
     confirmLoading?: boolean;
@@ -88,9 +88,9 @@ export class UserPicker extends React.Component<UserPickerProps, UserPickerState
         }
     }
 
-    getRequestUrl = () => this.props.requestUrl || 'admin/sysUser/page';
+    getRequestUrl = () => this.props.requestUrl || 'admin/sys-user/page';
 
-    getUsersUrl = () => this.props.usersUrl || 'admin/sysUser/by-ids';
+    getUsersUrl = () => this.props.usersUrl || 'admin/sys-user/by-ids';
 
     init = () => {
         this.formRef.current?.resetFields();

package/src/framework/biz/index.tsx

@@ -11,22 +11,22 @@ export * from './pickerUser'
 
 class InnerFieldUserSelect extends React.Component<ComponentProps<typeof FieldRemoteSelect>> {
     render() {
-        return <FieldRemoteSelect url="admin/sysUser/options" {...this.props} />;
+        return <FieldRemoteSelect url="admin/sys-user/options" {...this.props} />;
     }
 }
 class InnerFieldUserSelectMultiple extends React.Component<ComponentProps<typeof FieldRemoteSelect>> {
     render() {
-        return <FieldRemoteSelect url="admin/sysUser/options" multiple {...this.props} />;
+        return <FieldRemoteSelect url="admin/sys-user/options" multiple {...this.props} />;
     }
 }
 class InnerFieldUnitTreeSelect extends React.Component<ComponentProps<typeof FieldRemoteTreeSelect>> {
     render() {
-        return <FieldRemoteTreeSelect url="admin/sysOrg/unit-tree" {...this.props} />;
+        return <FieldRemoteTreeSelect url="admin/sys-org/unit-tree" {...this.props} />;
     }
 }
 class InnerFieldDeptTreeSelect extends React.Component<ComponentProps<typeof FieldRemoteTreeSelect>> {
     render() {
-        return <FieldRemoteTreeSelect url="admin/sysOrg/dept-tree" {...this.props} />;
+        return <FieldRemoteTreeSelect url="admin/sys-org/dept-tree" {...this.props} />;
     }
 }
 class InnerFieldOrgTreeMultipleSelect extends React.Component<ComponentProps<typeof FieldRemoteTreeSelect>> {

package/src/framework/components/CronEditor/index.tsx

@@ -0,0 +1,318 @@
+import React from 'react';
+import {Button, Input, InputNumber, Modal, Segmented, Select, Space, TimePicker} from 'antd';
+import {ScheduleOutlined} from '@ant-design/icons';
+import dayjs from 'dayjs';
+import type {Dayjs} from 'dayjs';
+import {CRON_INTERVAL_UNITS, CRON_WEEKDAYS, CronUtils} from '../../utils/CronUtils';
+import type {CronIntervalUnit, CronPeriod} from '../../utils/CronUtils';
+
+export interface CronPreset {
+    label: React.ReactNode;
+    value: string;
+}
+
+export interface CronEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    /** 常用表达式，点击后填入编辑器 */
+    presets?: CronPreset[];
+    placeholder?: string;
+    disabled?: boolean;
+}
+
+type Mode = 'interval' | 'schedule' | 'custom';
+
+const PERIOD_OPTIONS: { value: CronPeriod; label: string }[] = [
+    {value: 'DAILY', label: '每天'},
+    {value: 'WEEKLY', label: '每周'},
+    {value: 'MONTHLY', label: '每月'},
+    {value: 'YEARLY', label: '每年'},
+];
+
+const MONTH_OPTIONS = Array.from({length: 12}, (_, i) => ({value: i + 1, label: `${i + 1} 月`}));
+const DAY_OPTIONS: { value: number | 'L'; label: string }[] = [
+    ...Array.from({length: 31}, (_, i) => ({value: i + 1, label: `${i + 1} 号`})),
+    {value: 'L', label: '最后一天'},
+];
+
+function FieldRow({label, children}: { label: string; children: React.ReactNode }) {
+    return <div style={{display: 'flex', alignItems: 'center', gap: 8, flexWrap: 'wrap'}}>
+        <span style={{width: 40, color: 'var(--oa-color-text-secondary, rgba(0, 0, 0, 0.65))'}}>{label}</span>
+        {children}
+    </div>;
+}
+
+/**
+ * cron 表达式输入框 + 常用表达式助手。
+ * 值为 Quartz 格式：秒 分 时 日 月 周 [年]，第一位是秒。
+ */
+export function CronEditor({value, onChange, presets = [], placeholder, disabled}: CronEditorProps) {
+    const [open, setOpen] = React.useState(false);
+    const [mode, setMode] = React.useState<Mode>('interval');
+    const [every, setEvery] = React.useState(5);
+    const [unit, setUnit] = React.useState<CronIntervalUnit>('minute');
+    const [period, setPeriod] = React.useState<CronPeriod>('DAILY');
+    const [time, setTime] = React.useState<Dayjs>(() => dayjs().hour(2).minute(0).second(0));
+    const [weekday, setWeekday] = React.useState('MON');
+    const [dayOfMonth, setDayOfMonth] = React.useState<number | 'L'>(1);
+    const [month, setMonth] = React.useState(1);
+    const [custom, setCustom] = React.useState('');
+
+    const generated = React.useMemo(() => {
+        if (mode === 'interval') {
+            return CronUtils.buildInterval(every, unit);
+        }
+        if (mode === 'schedule') {
+            return CronUtils.buildSchedule({
+                period,
+                hour: time.hour(),
+                minute: time.minute(),
+                second: time.second(),
+                weekday,
+                dayOfMonth,
+                month,
+            });
+        }
+        return custom.trim();
+    }, [mode, every, unit, period, time, weekday, dayOfMonth, month, custom]);
+
+    const description = CronUtils.describe(generated);
+
+    const changeUnit = (nextUnit: CronIntervalUnit) => {
+        const max = nextUnit === 'second' || nextUnit === 'minute' ? 59 : nextUnit === 'hour' ? 23 : 31;
+        setUnit(nextUnit);
+        setEvery(v => Math.min(Math.max(1, v), max));
+    };
+
+    const changePeriod = (nextPeriod: CronPeriod) => {
+        setPeriod(nextPeriod);
+        if (nextPeriod === 'YEARLY' && dayOfMonth === 'L') {
+            setDayOfMonth(1);
+        }
+    };
+
+    const applyExpression = (expr: string) => {
+        const parsed = CronUtils.parse(expr);
+        if (parsed?.mode === 'interval') {
+            setMode('interval');
+            setEvery(parsed.every);
+            setUnit(parsed.unit);
+            return;
+        }
+        if (parsed?.mode === 'schedule') {
+            setMode('schedule');
+            setPeriod(parsed.period);
+            setTime(dayjs().hour(parsed.hour).minute(parsed.minute).second(parsed.second));
+            setWeekday(parsed.weekday || 'MON');
+            setDayOfMonth(parsed.dayOfMonth ?? 1);
+            setMonth(parsed.month ?? 1);
+            return;
+        }
+        setMode('custom');
+        setCustom(expr);
+    };
+
+    const openEditor = () => {
+        const expr = (value || '').trim();
+        if (expr) {
+            applyExpression(expr);
+        } else {
+            setMode('interval');
+            setEvery(5);
+            setUnit('minute');
+            setCustom('');
+        }
+        setOpen(true);
+    };
+
+    const handleOk = () => {
+        if (!generated) return;
+        onChange?.(generated);
+        setOpen(false);
+    };
+
+    const changeMode = (nextMode: Mode) => {
+        if (nextMode === 'custom' && !custom.trim()) {
+            setCustom(generated);
+        }
+        setMode(nextMode);
+    };
+
+    return <>
+        <div style={{display: 'flex', gap: 8, width: '100%'}}>
+            <Input
+                value={value ?? ''}
+                onChange={e => onChange?.(e.target.value)}
+                placeholder={placeholder}
+                disabled={disabled}
+                allowClear
+            />
+            <Button
+                icon={<ScheduleOutlined/>}
+                title='cron 表达式助手'
+                aria-label='cron 表达式助手'
+                onClick={openEditor}
+                disabled={disabled}
+            />
+        </div>
+
+        <Modal
+            open={open}
+            title='cron 表达式助手'
+            width={600}
+            onCancel={() => setOpen(false)}
+            onOk={handleOk}
+            okText='使用该表达式'
+            okButtonProps={{disabled: !generated}}
+            destroyOnHidden
+        >
+            <div style={{display: 'grid', gap: 16}}>
+                {presets.length > 0 && <div>
+                    <div style={{marginBottom: 8, color: 'var(--oa-color-text-secondary, rgba(0, 0, 0, 0.65))'}}>
+                        常用表达式
+                    </div>
+                    <Space size={[8, 8]} wrap>
+                        {presets.map(preset => <Button
+                            key={preset.value}
+                            size='small'
+                            title={preset.value}
+                            onClick={() => applyExpression(preset.value)}
+                        >
+                            {preset.label}
+                        </Button>)}
+                    </Space>
+                </div>}
+
+                <Segmented
+                    block
+                    value={mode}
+                    onChange={v => changeMode(v as Mode)}
+                    options={[
+                        {label: '按间隔', value: 'interval'},
+                        {label: '按时间点', value: 'schedule'},
+                        {label: '自定义', value: 'custom'},
+                    ]}
+                />
+
+                {mode === 'interval' && <div style={{display: 'grid', gap: 10}}>
+                    <FieldRow label='每隔'>
+                        <InputNumber
+                            min={1}
+                            max={unit === 'second' || unit === 'minute' ? 59 : unit === 'hour' ? 23 : 31}
+                            precision={0}
+                            value={every}
+                            onChange={v => setEvery(Number(v) || 1)}
+                            style={{width: 110}}
+                        />
+                        <Select
+                            value={unit}
+                            onChange={changeUnit}
+                            options={CRON_INTERVAL_UNITS}
+                            style={{width: 100}}
+                        />
+                        <span>执行一次</span>
+                    </FieldRow>
+                    <div style={{fontSize: 12, color: 'var(--oa-color-text-tertiary, #999)'}}>
+                        秒级间隔过短可能增加系统压力，建议按实际需要设置。
+                    </div>
+                </div>}
+
+                {mode === 'schedule' && <div style={{display: 'grid', gap: 10}}>
+                    <FieldRow label='周期'>
+                        <Select
+                            value={period}
+                            onChange={changePeriod}
+                            options={PERIOD_OPTIONS}
+                            style={{width: 110}}
+                        />
+                        <span>时间</span>
+                        <TimePicker
+                            value={time}
+                            onChange={v => {
+                                if (v) setTime(v);
+                            }}
+                            format='HH:mm:ss'
+                            allowClear={false}
+                            style={{width: 130}}
+                        />
+                    </FieldRow>
+
+                    {period === 'WEEKLY' && <FieldRow label='星期'>
+                        <Select
+                            value={weekday}
+                            onChange={setWeekday}
+                            options={CRON_WEEKDAYS}
+                            style={{width: 110}}
+                        />
+                    </FieldRow>}
+
+                    {period === 'MONTHLY' && <FieldRow label='日期'>
+                        <Select<number | 'L'>
+                            value={dayOfMonth}
+                            onChange={setDayOfMonth}
+                            options={DAY_OPTIONS}
+                            style={{width: 110}}
+                        />
+                    </FieldRow>}
+
+                    {period === 'YEARLY' && <FieldRow label='日期'>
+                        <Select
+                            value={month}
+                            onChange={setMonth}
+                            options={MONTH_OPTIONS}
+                            style={{width: 100}}
+                        />
+                        <Select<number | 'L'>
+                            value={dayOfMonth === 'L' ? 1 : dayOfMonth}
+                            onChange={setDayOfMonth}
+                            options={DAY_OPTIONS.filter(o => o.value !== 'L')}
+                            style={{width: 100}}
+                        />
+                    </FieldRow>}
+
+                    {period === 'MONTHLY' && typeof dayOfMonth === 'number' && dayOfMonth > 28 &&
+                        <div style={{fontSize: 12, color: 'var(--oa-color-text-tertiary, #999)'}}>
+                            部分月份没有 {dayOfMonth} 号，这些月份会跳过本次执行。
+                        </div>}
+                </div>}
+
+                {mode === 'custom' && <div style={{display: 'grid', gap: 8}}>
+                    <Input
+                        value={custom}
+                        onChange={e => setCustom(e.target.value)}
+                        placeholder='如 0 */5 * * * ?'
+                    />
+                    <div style={{fontSize: 12, color: 'var(--oa-color-text-tertiary, #999)'}}>
+                        格式：秒 分 时 日 月 周（可选 年）。例如 0 */5 * * * ? 表示每隔 5 分钟。
+                    </div>
+                </div>}
+
+                <div style={{
+                    padding: 12,
+                    borderRadius: 6,
+                    background: 'var(--oa-color-fill, #fafafa)',
+                    border: '1px solid var(--oa-color-border, #f0f0f0)',
+                }}>
+                    <div style={{
+                        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+                        fontSize: 14,
+                        wordBreak: 'break-all',
+                    }}>
+                        {generated || '—'}
+                    </div>
+                    <div style={{
+                        marginTop: 6,
+                        fontSize: 12,
+                        color: 'var(--oa-color-text-secondary, rgba(0, 0, 0, 0.65))',
+                    }}>
+                        {generated ? (description || '暂不支持预览该表达式，保存时由后端校验') : '请先设置执行规则'}
+                    </div>
+                </div>
+
+                <div style={{fontSize: 12, color: 'var(--oa-color-text-tertiary, #999)'}}>
+                    Quartz 格式：秒 分 时 日 月 周（可选 年），第一位是秒。
+                </div>
+            </div>
+        </Modal>
+    </>;
+}

package/src/framework/components/LinkButton/index.tsx

@@ -2,6 +2,10 @@ import React from "react";
 import {Button} from "antd";
 import {PageUtils} from "../../utils";
 
+/**
+ * 链接跳转按钮。
+ * `label` 参数已弃用：目标页面的标题请使用 pageMeta.title。
+ */
 export function LinkButton(props) {
     const {path, label, children, size = 'small', ...rest} = props;
     return <Button size={size} {...rest} onClick={() => {

package/src/framework/components/OrgSwitcher/index.tsx

@@ -18,7 +18,7 @@ export class OrgSwitcher extends React.Component<Record<string, never>, {tree: O
     state = {tree: [], currentOrgId: null};
 
     componentDidMount() {
-        HttpClient.get("admin/myOrgs", null).then(data => {
+        HttpClient.get("admin/my-orgs", null).then(data => {
             if (data.data) {
                 this.setState({tree: data.data.tree || [], currentOrgId: data.data.currentOrgId || null});
             }
@@ -26,7 +26,7 @@ export class OrgSwitcher extends React.Component<Record<string, never>, {tree: O
     }
 
     handleChange = (orgId: string) => {
-        HttpClient.post("admin/switchOrg", {orgId}, null).then(() => {
+        HttpClient.post("admin/switch-org", {orgId}, null).then(() => {
             setTimeout(() => location.reload(), 1000);
         });
     };

package/src/framework/components/Page/index.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Space, Typography } from "antd";
+import { Space } from "antd";
 import './index.less'
 import { PermActions, type PermAction } from "../../biz/PermActions";
 import { PermUtils } from "../../utils";
@@ -19,8 +19,6 @@ interface PageProps {
     /** @deprecated 页面底色已默认跟随布局底色，该参数不再产生差异；保留仅为兼容旧写法 */
     backgroundGray?: boolean;
     debug?: boolean;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
     /** 右侧操作区：推荐传 PermAction[]（数据驱动），兼容带 perm 属性的节点 */
     actions?: PermAction[] | React.ReactNode;
     children?: React.ReactNode;
@@ -28,8 +26,7 @@ interface PageProps {
 
 export class Page extends React.Component<PageProps> {
     render() {
-        const { padding = true, debug = false, title, description, actions, children } = this.props;
-        const hasHeader = title != null || description != null || actions != null;
+        const { padding = true, debug = false, actions, children } = this.props;
         const style: React.CSSProperties = {};
 
         if (padding) {
@@ -41,18 +38,13 @@ export class Page extends React.Component<PageProps> {
         }
 
         return <div className={'oa-page'} style={style}>
-            {hasHeader && (
+            {actions != null && (
                 <div className="oa-page-header">
                     <div className="oa-page-header-top">
-                        <div className="oa-page-header-left">
-                            <div>
-                                {title && <Typography.Title level={5} style={{ margin: 0 }}>{title}</Typography.Title>}
-                                {description && <div><Typography.Text type="secondary">{description}</Typography.Text></div>}
-                            </div>
-                        </div>
-                        {actions != null && (Array.isArray(actions)
+                        <div className="oa-page-header-left"/>
+                        {Array.isArray(actions)
                             ? <PermActions actions={actions}/>
-                            : renderActionNodes(actions))}
+                            : renderActionNodes(actions)}
                     </div>
                 </div>
             )}

package/src/framework/components/ProTable/index.tsx

@@ -71,6 +71,8 @@ export interface ProTableProps<T = unknown> {
     bordered?: boolean;
     /** 树形数据模式，关闭分页且不传 page/size 参数 */
     treeMode?: boolean;
+    /** 无数据时的提示文案，默认“暂无数据” */
+    emptyText?: React.ReactNode;
 }
 
 interface ProTableState<T = unknown> {
@@ -256,7 +258,7 @@ this.setState({loading: true})
                     bordered={this.props.bordered ?? false}
                     locale={{
                         emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE}
-                                           description={hasFilter ? '没有符合条件的数据' : '暂无数据'}/>,
+                                           description={hasFilter ? '没有符合条件的数据' : (this.props.emptyText ?? '暂无数据')}/>,
                     }}
                 />
             </div>

package/src/framework/components/ThemeSettings/index.tsx

@@ -7,19 +7,15 @@ import {
     DEFAULT_SIDER_BG,
     applyThemePreset,
     getActivePresetKey,
-    getThemeMode,
     resetAllSettings,
-    setThemeMode,
     DENSITY_PRESETS,
     RADIUS_PRESETS,
     applyDensityPreset,
     getActiveDensityKey,
     applyRadiusPreset,
     getActiveRadiusKey,
-    getLayoutMode,
-    setLayoutMode,
 } from '../../config';
-import type { ThemeMode, ThemeDensity, ThemeRadius, LayoutMode } from '../../config';
+import type { ThemeDensity, ThemeRadius } from '../../config';
 import { EventBus } from '../../utils/EventBus';
 
 export interface ThemeSettingsProps {
@@ -32,29 +28,23 @@ function SectionTitle({ children }: { children: React.ReactNode }) {
 }
 
 /**
- * 界面设置面板：外观模式、主题色、界面密度、圆角、界面布局。
+ * 界面设置面板：主题色、界面密度、圆角。
+ * 明暗模式由顶栏的太阳/月亮按钮切换，此处不再重复提供。
  * 所有变更即时生效并持久化到 localStorage。
  */
 export function ThemeSettings({ open, onClose }: ThemeSettingsProps) {
     const [activeKey, setActiveKey] = React.useState(getActivePresetKey());
-    const [mode, setMode] = React.useState<ThemeMode>(getThemeMode());
     const [density, setDensity] = React.useState<ThemeDensity>(getActiveDensityKey());
     const [radius, setRadius] = React.useState<ThemeRadius>(getActiveRadiusKey());
-    const [layout, setLayout] = React.useState<LayoutMode>(getLayoutMode());
 
     React.useEffect(() => {
         const offTheme = EventBus.on('themeChange', () => {
             setActiveKey(getActivePresetKey());
-            setMode(getThemeMode());
             setDensity(getActiveDensityKey());
             setRadius(getActiveRadiusKey());
         });
-        const offLayout = EventBus.on('layoutChange', () => {
-            setLayout(getLayoutMode());
-        });
         return () => {
             offTheme();
-            offLayout();
         };
     }, []);
 
@@ -63,20 +53,8 @@ export function ThemeSettings({ open, onClose }: ThemeSettingsProps) {
 
     return (
         <Drawer title="界面设置" open={open} onClose={onClose} size={340}>
-            <div style={{ fontWeight: 600 }}>外观模式</div>
-            <Segmented
-                block
-                style={{ marginTop: 12 }}
-                value={mode}
-                onChange={value => setThemeMode(value as ThemeMode)}
-                options={[
-                    { label: '浅色', value: 'light' },
-                    { label: '深色', value: 'dark' },
-                ]}
-            />
-
-            <SectionTitle>主题色</SectionTitle>
-            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 12 }}>
+            <div style={{ fontWeight: 600 }}>主题色</div>
+            <div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', gap: 12, marginTop: 12 }}>
                 {THEME_PRESETS.map(preset => {
                     const primary = preset.colors.colorPrimary || DEFAULT_COLORS.colorPrimary || '#1677ff';
                     const sider = preset.colors.siderBg || DEFAULT_SIDER_BG;
@@ -152,17 +130,6 @@ export function ThemeSettings({ open, onClose }: ThemeSettingsProps) {
                 }))}
             />
 
-            <SectionTitle>界面布局</SectionTitle>
-            <Segmented
-                block
-                value={layout}
-                onChange={value => setLayoutMode(value as LayoutMode)}
-                options={[
-                    { label: '多标签页', value: 'tabs' },
-                    { label: '单页', value: 'single' },
-                ]}
-            />
-
             <Button block style={{ marginTop: 20 }} onClick={() => resetAllSettings()}>
                 恢复默认
             </Button>

package/src/framework/components/index.ts

@@ -10,6 +10,7 @@ export * from './DownloadModal'
 export * from './OrgSwitcher'
 export * from './ThemeSettings'
 export * from './LogViewer'
+export * from './CronEditor'
 export { default as ErrorBoundary } from './ErrorBoundary'
 export { default as FormModal } from './FormModal'
 export { default as FormDrawer } from './DrawerForm'

package/src/framework/config/index.ts

@@ -8,6 +8,9 @@ export {
     toggleThemeMode,
     applyThemePreset,
     getActivePresetKey,
+    getDefaultPresetKey,
+    setDefaultThemePreset,
+    hasStoredPreset,
     applyDensityPreset,
     getActiveDensityKey,
     applyRadiusPreset,
@@ -27,13 +30,22 @@ export type { ThemeColors, ThemeMode, ThemePreset, ThemeDensity, ThemeRadius, Th
 
 export {
     getLayoutMode,
+    getDefaultLayoutMode,
     setLayoutMode,
+    setDefaultLayoutMode,
     toggleLayoutMode,
     resetLayoutMode,
+    hasStoredLayoutMode,
     DEFAULT_LAYOUT_MODE,
 } from './layoutConfig'
 export type { LayoutMode } from './layoutConfig'
 
+export {
+    applyServerUiDefaults,
+    UI_THEME_PRESET_KEY,
+    UI_TABS_ENABLED_KEY,
+} from './uiDefaults'
+
 import { resetUserTheme } from './themeConfig'
 import { resetLayoutMode } from './layoutConfig'