Blame view

泰额版/Food Labeling Management App UniApp/src/utils/textElementLayout.ts 3.65 KB
5a192b24   杨鑫   最新同步
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
  /** 文本控件在元素框内的垂直对齐(config.verticalAlign) */
  export type TextVerticalAlign = 'top' | 'center' | 'bottom'
  
  export function readVerticalAlign(
    config: Record<string, unknown> | undefined | null,
  ): TextVerticalAlign {
    const raw = config?.verticalAlign ?? config?.VerticalAlign
    const v = String(raw ?? 'top').trim().toLowerCase()
    if (v === 'center' || v === 'middle') return 'center'
    if (v === 'bottom') return 'bottom'
    return 'top'
  }
  
  export function computeVerticalTextBlockOffset(
    innerHeight: number,
    blockHeight: number,
    verticalAlign: TextVerticalAlign,
  ): number {
    const extra = Math.max(0, innerHeight - blockHeight)
    if (verticalAlign === 'center') return Math.floor(extra / 2)
    if (verticalAlign === 'bottom') return extra
    return 0
  }
  
  export function readFontWeight(
    config: Record<string, unknown> | undefined | null,
  ): 'normal' | 'bold' {
    const raw = config?.fontWeight ?? config?.FontWeight
    const v = String(raw ?? 'normal').trim().toLowerCase()
    return v === 'bold' || v === '700' || v === 'bolder' ? 'bold' : 'normal'
  }
  
  export function readFontStyle(
    config: Record<string, unknown> | undefined | null,
  ): 'normal' | 'italic' {
    const raw = config?.fontStyle ?? config?.FontStyle
    const v = String(raw ?? 'normal').trim().toLowerCase()
    return v === 'italic' || v === 'oblique' ? 'italic' : 'normal'
  }
  
  export function readTextDecoration(
    config: Record<string, unknown> | undefined | null,
  ): 'none' | 'underline' {
    const raw = config?.textDecoration ?? config?.TextDecoration
    const v = String(raw ?? 'none').trim().toLowerCase()
    return v.includes('underline') ? 'underline' : 'none'
  }
  
  export function readElementBorder(
    el: {
      border?: string | null
      Border?: string | null
      BorderType?: string | null
      borderType?: string | null
    },
  ): string {
    const raw = el.border ?? el.Border ?? el.BorderType ?? el.borderType ?? 'none'
    return String(raw).trim().toLowerCase() || 'none'
  }
  
  /** 元素 rotation(兼容大小写) */
  export function readElementRotation(
    el: { rotation?: string | null; Rotation?: string | null },
  ): 'horizontal' | 'vertical' | 'right' | 'rotate180' {
    const v = String(el.rotation ?? el.Rotation ?? 'horizontal').trim().toLowerCase()
    if (v === 'vertical' || v === 'left' || v === 'rotate-left' || v === 'left90') return 'vertical'
    if (v === 'right' || v === 'rotate-right' || v === 'right90') return 'right'
    if (v === 'rotate180' || v === '180' || v === 'down' || v === 'inverted') return 'rotate180'
    return 'horizontal'
  }
  
  export function elementRotationDegrees(
    el: { rotation?: string | null; Rotation?: string | null },
  ): 0 | -90 | 90 | 180 {
    const rotation = readElementRotation(el)
    if (rotation === 'vertical') return -90
    if (rotation === 'right') return 90
    if (rotation === 'rotate180') return 180
    return 0
  }
  
  /** 与 renderLabelPreviewCanvas lineHeightForTextElement 一致 */
  export function textElementLineHeightPx(fontSize: number, isDateTimeType = false): number {
    return isDateTimeType
      ? Math.max(fontSize + 2, Math.round(fontSize * 1.2))
      : Math.max(fontSize + 2, Math.round(fontSize * 1.25))
  }
  
  /** 矮框内固定文案:强制单行,避免折行后仅显示第一行 */
  export function isShortSingleLineTextBox(
    boxHeightPx: number,
    fontSize: number,
    text: string,
    opts?: { breakAll?: boolean },
  ): boolean {
    if (opts?.breakAll) return false
    if (String(text ?? '').includes('\n')) return false
    const lineH = textElementLineHeightPx(fontSize, false)
    const descentPad = Math.max(2, Math.round(fontSize * 0.14))
    const maxLines = Math.max(
      1,
      Math.floor((Math.max(0, boxHeightPx) + descentPad) / lineH),
    )
    return maxLines <= 1
  }