/** * 全局尺寸配置 — ZUI 组件唯一尺寸入口 * * 修改这里的值即可全局调整所有组件的尺寸。禁止各组件硬编码尺寸 class。 * * 使用方式: * import { SIZE } from '@/lib/size' * const cls = SIZE.checkbox.sm.label // => 'text-sm scale-[0.85]' */ export declare const SIZE: { /** Checkbox / Radio dots */ readonly checkbox: { readonly sm: { /** icon 缩放 */ readonly scale: "scale-[0.85]"; /** label 文字 */ readonly label: "text-sm"; }; readonly default: { readonly scale: ""; readonly label: "text-sm"; }; }; /** Radio button group */ readonly radioBtn: { readonly sm: { /** 按钮 padding + 文字 */ readonly btn: "px-2.5 py-1 text-sm"; }; readonly default: { readonly btn: "px-3 py-1.5 text-sm"; }; }; /** Tag / Badge */ readonly tag: { readonly sm: { readonly base: "text-xs px-1.5 py-0.5"; }; readonly default: { readonly base: "text-sm px-2.5 py-1"; }; readonly lg: { readonly base: "text-base px-3 py-1.5"; }; }; /** Table */ readonly table: { readonly sm: { /** cell padding + text */ readonly cell: "[&_th]:py-1.5 [&_th]:px-2 [&_td]:py-1.5 [&_td]:px-2 text-sm"; }; readonly default: { readonly cell: "[&_th]:py-3 [&_th]:px-4 [&_td]:py-3 [&_td]:px-4 text-sm"; }; }; /** Menu */ readonly menu: { readonly sm: { readonly item: "h-8 text-sm"; readonly btn: "px-2"; }; readonly default: { readonly item: "h-9 text-sm"; readonly btn: "px-2.5"; }; readonly lg: { readonly item: "h-10 text-base"; readonly btn: "px-3"; }; }; /** Empty state */ readonly empty: { readonly sm: { readonly scale: "scale-80"; readonly py: "py-2"; readonly text: "text-xs"; }; readonly default: { readonly scale: ""; readonly py: "py-6"; readonly text: "text-sm"; }; readonly lg: { readonly scale: "scale-110"; readonly py: "py-10"; readonly text: "text-base"; }; }; /** Pagination */ readonly pagination: { readonly sm: { readonly btn: "size-7 text-sm"; readonly gap: "gap-0.5"; readonly jump: "text-sm"; }; readonly default: { readonly btn: "size-9 text-sm"; readonly gap: "gap-1"; readonly jump: "text-sm"; }; }; /** DatePicker */ readonly datePicker: { readonly sm: { readonly input: "px-2 py-1 text-xs h-8"; }; readonly default: { readonly input: "px-3 py-1.5 text-sm h-9"; }; readonly lg: { readonly input: "px-3 py-2 text-base h-10"; }; }; /** Spin / Spinner */ readonly spin: { readonly sm: { readonly wrapper: "w-5 h-5"; readonly dot: "w-1 h-1"; }; readonly default: { readonly wrapper: "w-8 h-8"; readonly dot: "w-1.5 h-1.5"; }; readonly lg: { readonly wrapper: "w-10 h-10"; readonly dot: "w-2 h-2"; }; }; /** Form */ readonly form: { readonly sm: { readonly itemSpacing: "mb-3"; readonly gap: "gap-x-3 gap-y-2"; readonly labelHeight: "min-h-8"; readonly labelSize: "text-sm"; readonly errorSize: "text-xs"; }; readonly default: { readonly itemSpacing: "mb-4"; readonly gap: "gap-x-4 gap-y-3"; readonly labelHeight: "min-h-9"; readonly labelSize: "text-sm"; readonly errorSize: "text-xs"; }; readonly lg: { readonly itemSpacing: "mb-5"; readonly gap: "gap-x-6 gap-y-4"; readonly labelHeight: "min-h-10"; readonly labelSize: "text-base"; readonly errorSize: "text-sm"; }; }; /** Task bar */ readonly task: { readonly sm: { readonly base: "text-xs gap-1"; readonly bar: "h-1"; }; readonly default: { readonly base: "text-sm gap-2"; readonly bar: "h-1.5"; }; readonly lg: { readonly base: "text-base gap-3"; readonly bar: "h-2"; }; }; /** List / ListGroup */ readonly list: { readonly sm: { readonly base: "px-3 py-1.5 text-sm"; }; readonly default: { readonly base: "px-4 py-2 text-sm"; }; }; /** Card */ readonly card: { readonly sm: { readonly base: "p-3 text-sm"; }; readonly default: { readonly base: "p-4 text-sm"; }; readonly lg: { readonly base: "p-6 text-base"; }; }; }; /** @deprecated 使用 SIZE.checkbox.sm.scale */ export declare const smScale: "scale-[0.85]"; /** @deprecated 使用 SIZE.checkbox.sm.label */ export declare const smText: "text-sm";