/**
 * UI 常量 — 弹窗/抽屉尺寸 & 表单控件标准宽度
 * P0-03 & P0-04
 */

/** Drawer 标准宽度档位 */
export const DRAWER_SIZE = {
  /** 480px — 简单表单（新增角色、基本信息等） */
  sm: "480px",
  /** 640px — 中等表单（用户编辑、策略编辑等） */
  md: "640px",
  /** 55% — 稍大表单（项目编辑、详情预览等） */
  xl: "55%",
  /** 80% — 大型内容（银行卡列表、资料详情等） */
  lg: "80%",
} as const;

/** Dialog 标准宽度档位 */
export const DIALOG_WIDTH = {
  /** 520px — 简单确认/输入 */
  sm: "520px",
  /** 680px — 中等表单/列表 */
  md: "680px",
  /** 860px — 大型复杂表单 */
  lg: "860px",
} as const;

/** 表单控件标准宽度档位 */
export const INPUT_WIDTH = {
  /** 100px — 极窄（比较符等） */
  xs: "100px",
  /** 160px — 搜索栏下拉/状态选择 */
  sm: "160px",
  /** 220px — 标准表单下拉 */
  md: "220px",
  /** 280px — 宽表单下拉 */
  lg: "280px",
  /** 100% — 充满父容器 */
  full: "100%",
} as const;

/** 标准 label-width（el-form） */
export const LABEL_WIDTH = {
  /** 简洁表单 */
  sm: "70px",
  /** 标准表单 */
  md: "90px",
  /** 宽标签表单 */
  lg: "110px",
  /** 超宽标签表单 */
  pro: "140px",
} as const;