Skip to content

Notas de la versión de Lyrics Card Generator v4.1.0 ​

Fecha de publicación: 2026-07-02

v4.1.0 reorganiza la jerarquía visual del panel de estilo. No cambia el renderizado de la tarjeta de letras, el DOM de exportación, el diseño izquierda/derecha ni la estructura del estado de ajustes. En su lugar, separa las elecciones de esquema visual de los parámetros ordinarios: los esquemas de fuente mantienen su tratamiento de tarjeta, mientras que tamaño de fuente, interlineado, alineación, interruptores, recorte, colores y detalles se muestran como filas de ajuste continuas.

Cambios principales ​

  • Section ahora usa una sección simple por defecto y admite los niveles plain, card y subtle.
  • Se añadió SettingRow para tamaño de fuente, interlineado, tamaño, color, recorte y otros ajustes ordinarios.
  • ToggleRow deja de parecer una tarjeta independiente, pero mantiene clic en toda la fila, semántica switch, foco de teclado y estado de accesibilidad.
  • El modo de diseño y los selectores horizontales similares mantienen su tratamiento segmentado original para conservar la legibilidad.
  • Las zonas de esquemas de fuente y exportación ya no añaden un borde exterior de tarjeta adicional.
  • Las tarjetas de preset de fuente son completamente clicables, sin tener que apuntar a un botón pequeño de aplicar.
  • Los ejemplos del buscador de NetEase se localizan según el idioma de la interfaz.
  • La cabecera del stepper usa altura automática y deja de mostrar la línea pequeña de ayuda secundaria.
  • Las notificaciones al cambiar idioma usan el nuevo idioma seleccionado, y la altura automática de tamaños personalizados queda activada por defecto.

Alcance ​

  • El Preview derecho, el DOM de exportación, el renderizado de la tarjeta y la estructura de estado no cambian.
  • La salida PNG exportada no se modifica intencionadamente con esta refactorización del panel.
  • OptionCard queda reservado para esquemas visuales o presets, no para controles escalares ordinarios.

Verificación ​

  • npm run typecheck
  • npm run core:test
  • npm run build

Cherry Chu · Projects, notes, and working documentation.