| import type { CSSProperties } from 'vue' |
| import type { TableCellStyle } from '@/types/slides' |
|
|
| |
| |
| |
| |
| export const getTextStyle = (style?: TableCellStyle): CSSProperties => { |
| if (!style) return {} |
| const { |
| bold, |
| em, |
| underline, |
| strikethrough, |
| color, |
| backcolor, |
| fontsize, |
| fontname, |
| align, |
| } = style |
|
|
| let textDecoration = `${underline ? 'underline' : ''} ${strikethrough ? 'line-through' : ''}` |
| if (textDecoration === ' ') textDecoration = 'none' |
| |
| return { |
| fontWeight: bold ? 'bold' : 'normal', |
| fontStyle: em ? 'italic' : 'normal', |
| textDecoration, |
| color: color || '#000', |
| backgroundColor: backcolor || '', |
| fontSize: fontsize || '14px', |
| fontFamily: fontname || '', |
| textAlign: align || 'left', |
| } |
| } |
|
|
| export const formatText = (text: string) => { |
| return text.replace(/\n/g, '</br>').replace(/ /g, ' ') |
| } |
