feat(print): 优化纸张尺寸显示并添加辅助信息

- 修正纸张尺寸的宽度和高度顺序
- 在选择菜单中添加纸张尺寸的厘米数辅助信息
- 优化选择菜单项的样式，使纸张尺寸信息显示在右侧

Author: Jesse205

src/features/print/utils/paperSize.ts

@@ -3,19 +3,19 @@ import type { DataType } from 'csstype';
 export function pageSizeNameToCm(pageSize: DataType.PageSize): [number, number] {
   switch (pageSize) {
     case 'A3':
-      return [29.7, 42.0];
+      return [42.0, 29.7];
     case 'A4':
-      return [21.0, 29.7];
+      return [29.7, 21.0];
     case 'A5':
-      return [14.8, 21.0];
+      return [21.0, 14.8];
     case 'B4':
-      return [25.0, 35.3];
+      return [35.3, 25.0];
     case 'B5':
-      return [17.6, 25.0];
+      return [25.0, 17.6];
     case 'letter':
-      return [21.59, 27.94];
+      return [27.94, 21.59];
     case 'legal':
-      return [21.59, 35.56];
+      return [35.56, 21.59];
     default:
       throw new Error(`Unknown page size: ${pageSize}`);
   }

src/pages/PrinterPage/components/AdjustSheets/index.tsx

@@ -21,6 +21,7 @@ import {
   // SwipeableDrawer,
   // type SwipeableDrawerProps,
   Toolbar,
+  Typography,
 } from '@suid/material';
 import type { DrawerProps } from '@suid/material/Drawer';
 import type { SelectChangeEvent } from '@suid/material/Select';
@@ -30,7 +31,7 @@ import { type Accessor, createMemo, For, type JSX, Show } from 'solid-js';
 import ListSwitchItem from '@/components/list/ListSwitchItem';
 import ToolbarTitle from '@/components/toolbar/ToolbarTitle';
 import { useInsets } from '@/features/insets/contexts/InsetsContext';
-import { getAvailablePageSizes } from '@/features/print/utils/paperSize';
+import { getAvailablePageSizes, pageSizeNameToCm } from '@/features/print/utils/paperSize';
 import { type SyncStateOptions, syncState } from '@/hooks/syncState';
 import { usePreferredDarkMode } from '@/hooks/usePreferredDarkMode';
 import { maybeAndroid } from '@/utils/platform';
@@ -209,7 +210,26 @@ export default function AdjustSheets(props: AdjustSheetsProps) {
                 value={typeof config.print.size === 'string' ? config.print.size : 'custom'}
                 onChange={handlePageSizeChange}
               >
-                <For each={getAvailablePageSizes()}>{(size) => <MenuItem value={size}>{size}</MenuItem>}</For>
+                <For each={getAvailablePageSizes()}>
+                  {(size) => {
+                    const [widthCm, heightCm] = pageSizeNameToCm(size);
+                    return (
+                      <MenuItem value={size} sx={{ alignItems: 'baseline' }}>
+                        <span>{size}</span>
+                        <Typography
+                          variant="body2"
+                          color="textSecondary"
+                          component="span"
+                          sx={{
+                            marginLeft: 0.5,
+                          }}
+                        >
+                          {`(${widthCm}cm x ${heightCm}cm)`}
+                        </Typography>
+                      </MenuItem>
+                    );
+                  }}
+                </For>
               </Select>
               <FormHelperText id="adjust-panel__size__helper">
                 您可能需要在“打印”窗口中同时更改“纸张尺寸”才能正确打印。