Resaltado en forma de cruz
El resaltado en forma de cruz resalta la fila y la columna de la celda actualmente seleccionada, lo que facilita a los usuarios identificar la celda activa.
Modo de complemento
Instalación
pnpm add @univerjs/sheets-crosshair-highlightnpm install @univerjs/sheets-crosshair-highlightyarn add @univerjs/sheets-crosshair-highlightbun add @univerjs/sheets-crosshair-highlightUso
import { LocaleType, mergeLocales, Univer } from '@univerjs/core'import { UniverSheetsCrosshairHighlightPlugin } from '@univerjs/sheets-crosshair-highlight'import SheetsCrosshairHighlightEnUS from '@univerjs/sheets-crosshair-highlight/locale/en-US'import '@univerjs/sheets-crosshair-highlight/lib/index.css'import '@univerjs/sheets-crosshair-highlight/facade'const univer = new Univer({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( SheetsCrosshairHighlightEnUS, ), },})univer.registerPlugin(UniverSheetsCrosshairHighlightPlugin)Compatibilidad móvil
Configure primero el editor móvil. En la inicialización en modo plugin de esta página, sustituya los registros de escritorio siguientes por las exportaciones móviles de los mismos paquetes antes de abrir un documento. Conserve modelos, estilos, traducciones e importaciones Facade; no registre ambas variantes.
| Paquete | Registro de escritorio | Registro móvil |
|---|---|---|
@univerjs/sheets-crosshair-highlight | UniverSheetsCrosshairHighlightPlugin | UniverSheetsCrosshairHighlightMobileUIPlugin |
Modo preestablecido
La función de resaltado en forma de cruz no proporciona un modo preestablecido, pero admite la mezcla con su complemento.
pnpm add @univerjs/sheets-crosshair-highlightnpm install @univerjs/sheets-crosshair-highlightyarn add @univerjs/sheets-crosshair-highlightbun add @univerjs/sheets-crosshair-highlightUso
import UniverPresetSheetsCoreEnUS from '@univerjs/preset-sheets-core/locales/en-US'import { UniverSheetsCrosshairHighlightPlugin } from '@univerjs/sheets-crosshair-highlight'import '@univerjs/sheets-crosshair-highlight/facade'import '@univerjs/sheets-crosshair-highlight/lib/index.css'const { univerAPI } = createUniver({ locale: LocaleType.EN_US, locales: { [LocaleType.EN_US]: mergeLocales( UniverPresetSheetsCoreEnUS, SheetsCrosshairHighlightEnUS, ), }, presets: [ UniverSheetsCorePreset(), ], plugins: [ UniverSheetsCrosshairHighlightPlugin, ],})API de Facade
Se pueden encontrar definiciones completas del tipo de API de Facade en FacadeAPI.
Importar
Plugin mode note
Solo el modo complemento requiere importar manualmente el paquete Facade. El modo preestablecido ya incluye el paquete Fachada correspondiente, por lo que no se necesita ninguna importación adicional.
import '@univerjs/sheets-crosshair-highlight/facade'Alternar resaltado en cruz
univerAPI.setCrosshairHighlightEnabled(true)univerAPI.setCrosshairHighlightEnabled(false)Obtener estado de resaltado en cruz activado
univerAPI.getCrosshairHighlightEnabled()Escuchas de eventos
Las definiciones completas de tipos de eventos se pueden encontrar en Eventos.
El evento CrosshairHighlightEnabledChanged se activará cuando el estado de resaltado en cruz esté habilitado. cambios.
const disposable = univerAPI.addEvent(univerAPI.Event.CrosshairHighlightEnabledChanged, (params) => { const { enabled, workbook, worksheet } = params})// Remove the event listener using `disposable.dispose()`El evento CrosshairHighlightColorChanged se activará cuando cambie el color de resaltado en forma de cruz.
const disposable = univerAPI.addEvent(univerAPI.Event.CrosshairHighlightColorChanged, (params) => { const { color, workbook, worksheet } = params})// Remove the event listener using `disposable.dispose()`¿Cómo es esta guía?