Blame view

美国版/Food Labeling Management App UniApp/src/utils/print/systemTemplateAdapter.ts 15.4 KB
a6f5c1af   “wangming”   开发了安卓基座
1
2
3
4
5
  import {
    createImageBitmapPatch,
    createTextBitmapPatch,
    shouldRasterizeTextElement,
  } from './nativeBitmapPatch'
9927b97e   “wangming”   Improve GP_R3 pri...
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
  import { applyTemplateData } from './templateRenderer'
  import type {
    EscTemplateItem,
    LabelTemplateData,
    PrinterTemplateUnit,
    StructuredLabelTemplate,
    TscTemplateItem,
    StructuredTscTemplate,
    StructuredEscTemplate,
    SystemLabelTemplate,
    SystemTemplateElementBase,
    SystemTemplateTextAlign,
  } from './types/printer'
  
  const DESIGN_DPI = 96
  
  function roundNumber (value: number, digits = 1): number {
    const factor = Math.pow(10, digits)
    return Math.round(value * factor) / factor
  }
  
  function toMillimeter (value: number, unit: PrinterTemplateUnit = 'inch'): number {
    if (unit === 'mm') return value
    if (unit === 'cm') return value * 10
    if (unit === 'px') return value / DESIGN_DPI * 25.4
    return value * 25.4
  }
  
  function templateWidthPx (template: SystemLabelTemplate): number {
    return toMillimeter(template.width, template.unit || 'inch') / 25.4 * DESIGN_DPI
  }
  
  function pxToDots (value: number, dpi: number): number {
    return Math.max(0, Math.round((Number(value) || 0) * dpi / DESIGN_DPI))
  }
  
  function clamp (value: number, min: number, max: number): number {
    return Math.max(min, Math.min(max, Math.round(value)))
  }
  
  function sortElements (elements: SystemTemplateElementBase[]): SystemTemplateElementBase[] {
    return [...elements].sort((a, b) => {
      if (a.y !== b.y) return a.y - b.y
      return a.x - b.x
    })
  }
  
  function getConfigString (
    config: Record<string, any>,
    keys: string[],
    fallback = ''
  ): string {
    for (let i = 0; i < keys.length; i++) {
      const value = config?.[keys[i]]
      if (value != null && value !== '') return String(value)
    }
    return fallback
  }
  
  function getConfigNumber (
    config: Record<string, any>,
    keys: string[],
    fallback = 0
  ): number {
    for (let i = 0; i < keys.length; i++) {
      const value = Number(config?.[keys[i]])
      if (!Number.isNaN(value) && Number.isFinite(value)) return value
    }
    return fallback
  }
  
  function toCamelCaseKey (value: string): string {
    return value
      .toLowerCase()
      .split(/[_\s-]+/)
      .map((segment, index) => index === 0
        ? segment
        : segment.charAt(0).toUpperCase() + segment.slice(1))
      .join('')
  }
  
  function resolveBindingKey (element: SystemTemplateElementBase): string {
    const config = element.config || {}
    const explicit = getConfigString(config, ['dataKey', 'field', 'bindField', 'key', 'valueKey'])
    if (explicit) return explicit
  
    const type = String(element.type || '').toUpperCase()
    const map: Record<string, string> = {
      TEXT_PRODUCT: 'productName',
      TEXT_LABEL_ID: 'labelId',
      TEXT_CATEGORY: 'category',
      TEXT_PRICE: 'price',
      TEXT_DATE: 'date',
      TEXT_TIME: 'time',
      QRCODE: 'qrCode',
      BARCODE: 'barcode',
    }
    if (map[type]) return map[type]
  
    const pureType = type
      .replace(/^TEXT_/, '')
      .replace(/^FIELD_/, '')
      .replace(/^VALUE_/, '')
    return pureType ? toCamelCaseKey(pureType) : ''
  }
  
  function resolveTemplateFieldValue (data: LabelTemplateData, key: string): string {
    if (!key) return ''
    const candidates = [key]
    if (key === 'productName') candidates.push('product')
    if (key === 'product') candidates.push('productName')
    if (key === 'qrCode') candidates.push('labelId', 'barcode')
    if (key === 'barcode') candidates.push('labelId', 'qrCode')
  
    for (let i = 0; i < candidates.length; i++) {
      const value = data[candidates[i]]
      if (value != null) return String(value)
    }
    return ''
  }
  
a6f5c1af   “wangming”   开发了安卓基座
127
128
129
130
131
132
133
134
135
136
137
138
139
140
  function formatPriceValue (
    rawValue: string,
    config: Record<string, any>
  ): string {
    const prefix = getConfigString(config, ['prefix'], '')
    const suffix = getConfigString(config, ['suffix'], '')
    const decimal = getConfigNumber(config, ['decimal'], -1)
    const numericValue = Number(rawValue)
    const value = !Number.isNaN(numericValue) && Number.isFinite(numericValue) && decimal >= 0
      ? numericValue.toFixed(decimal)
      : rawValue
    return `${prefix}${value}${suffix}`
  }
  
143afd59   杨鑫   打印,标签
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
  /** WEIGHT / DATE / TIME / DURATION:画布已把展示写入 config.text;此处兜底 value+unit、format */
  function resolvePlainTextLikeElement (
    element: SystemTemplateElementBase,
    data: LabelTemplateData
  ): string {
    const config = element.config || {}
    const t = getConfigString(config, ['text', 'Text'])
    if (t) return applyTemplateData(t, data)
    const type = String(element.type || '').toUpperCase()
    if (type === 'WEIGHT') {
      const v = getConfigString(config, ['value', 'Value'])
      const u = getConfigString(config, ['unit', 'Unit'])
      if (!v && !u) return ''
      if (v && u && !v.endsWith(u)) return `${v}${u}`
      return v || u
    }
    if (type === 'DATE' || type === 'TIME' || type === 'DURATION') {
      return getConfigString(config, ['format', 'Format'])
    }
    return ''
  }
  
9927b97e   “wangming”   Improve GP_R3 pri...
163
164
165
166
167
  function resolveElementText (
    element: SystemTemplateElementBase,
    data: LabelTemplateData
  ): string {
    const config = element.config || {}
a6f5c1af   “wangming”   开发了安卓基座
168
    const type = String(element.type || '').toUpperCase()
9927b97e   “wangming”   Improve GP_R3 pri...
169
    const hasText = config.text != null && config.text !== ''
a6f5c1af   “wangming”   开发了安卓基座
170
171
172
173
174
175
176
    if (type === 'TEXT_PRICE') {
      const bindingKey = resolveBindingKey(element)
      const boundValue = resolveTemplateFieldValue(data, bindingKey)
      const baseValue = boundValue || (hasText ? applyTemplateData(String(config.text), data) : '')
      return baseValue ? formatPriceValue(baseValue, config) : ''
    }
    if (hasText && type === 'TEXT_STATIC') {
9927b97e   “wangming”   Improve GP_R3 pri...
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
      return applyTemplateData(String(config.text), data)
    }
    if (hasText && String(config.text).includes('{{')) {
      return applyTemplateData(String(config.text), data)
    }
    const bindingKey = resolveBindingKey(element)
    const boundValue = resolveTemplateFieldValue(data, bindingKey)
    if (boundValue) return boundValue
    if (hasText) return applyTemplateData(String(config.text), data)
    return ''
  }
  
  function resolveElementDataValue (
    element: SystemTemplateElementBase,
    data: LabelTemplateData
  ): string {
    const config = element.config || {}
    const raw = getConfigString(config, ['data', 'value'])
    if (raw) return applyTemplateData(raw, data)
    return resolveTemplateFieldValue(data, resolveBindingKey(element))
  }
  
  function resolveElementAlign (
    element: SystemTemplateElementBase,
    pageWidthPx: number
  ): SystemTemplateTextAlign {
    const config = element.config || {}
    const align = String(config.textAlign || '').toLowerCase()
    if (align === 'left' || align === 'center' || align === 'right') return align as SystemTemplateTextAlign
    const centerX = (Number(element.x) || 0) + (Number(element.width) || 0) / 2
    if (centerX <= pageWidthPx * 0.33) return 'left'
    if (centerX >= pageWidthPx * 0.67) return 'right'
    return 'center'
  }
  
  function toEscAlign (align: SystemTemplateTextAlign): 0 | 1 | 2 {
    if (align === 'center') return 1
    if (align === 'right') return 2
    return 0
  }
  
  function resolveRotation (value?: string): number {
    return value === 'vertical' ? 90 : 0
  }
  
  function normalizeQrLevel (value?: string): 'L' | 'M' | 'Q' | 'H' {
    const key = String(value || 'M').trim().toUpperCase()
    if (key === 'L' || key === 'M' || key === 'Q' || key === 'H') return key
    return 'M'
  }
  
  function estimateTextWidthDots (text: string, fontDots: number): number {
    let total = 0
    for (let i = 0; i < text.length; i++) {
      const code = text.charCodeAt(i)
      total += code > 255 ? fontDots : fontDots * 0.6
    }
    return Math.round(total)
  }
  
  function resolveTextScale (fontSizePx: number, dpi: number): number {
    const targetDots = Math.max(12, Math.round(fontSizePx * dpi / DESIGN_DPI))
    return clamp(targetDots / 24, 1, 7)
  }
  
a6f5c1af   “wangming”   开发了安卓基座
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
  function estimateQrModuleCount (value: string, level: 'L' | 'M' | 'Q' | 'H'): number {
    const capacities: Record<'L' | 'M' | 'Q' | 'H', number[]> = {
      L: [17, 32, 53, 78, 106, 134, 154, 192, 230, 271],
      M: [14, 26, 42, 62, 84, 106, 122, 152, 180, 213],
      Q: [11, 20, 32, 46, 60, 74, 86, 108, 130, 151],
      H: [7, 14, 24, 34, 44, 58, 64, 84, 98, 119],
    }
    const length = Math.max(1, String(value || '').length)
    const versions = capacities[level] || capacities.M
    let version = versions.length
    for (let i = 0; i < versions.length; i++) {
      if (length <= versions[i]) {
        version = i + 1
        break
      }
    }
    return 21 + (version - 1) * 4
  }
  
  function resolveQrModuleSize (
    widthPx: number,
    heightPx: number,
    dpi: number,
    value: string,
    level: 'L' | 'M' | 'Q' | 'H'
  ): number {
    const targetDots = Math.max(24, Math.min(
      pxToDots(widthPx, dpi),
      pxToDots(heightPx, dpi)
    ))
    const moduleCount = Math.max(21, estimateQrModuleCount(value, level))
    return clamp(Math.floor(targetDots / moduleCount), 3, 12)
  }
  
9927b97e   “wangming”   Improve GP_R3 pri...
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
  function resolveTextX (params: {
    align: SystemTemplateTextAlign
    xPx: number
    widthPx: number
    dpi: number
    text: string
    scale: number
  }): number {
    const left = pxToDots(params.xPx, params.dpi)
    if (params.align === 'left') return left
  
    const boxWidth = pxToDots(params.widthPx, params.dpi)
    const fontDots = Math.max(24, params.scale * 24)
    const textWidth = estimateTextWidthDots(params.text, fontDots)
    if (params.align === 'center') {
      return Math.max(0, left + Math.round(Math.max(0, boxWidth - textWidth) / 2))
    }
    return Math.max(0, left + Math.max(0, boxWidth - textWidth))
  }
  
  function buildTscTemplate (
    template: SystemLabelTemplate,
    data: LabelTemplateData,
    dpi: number,
4ad9ae43   “wangming”   1111
300
301
302
303
    printQty: number,
    options: {
      disableBitmapText?: boolean
    } = {}
9927b97e   “wangming”   Improve GP_R3 pri...
304
305
306
307
308
  ): StructuredTscTemplate {
    const widthMm = roundNumber(toMillimeter(template.width, template.unit || 'inch'))
    const heightMm = roundNumber(toMillimeter(template.height, template.unit || 'inch'))
    const items: TscTemplateItem[] = []
  
a6f5c1af   “wangming”   开发了安卓基座
309
310
    const pageWidth = templateWidthPx(template)
  
9927b97e   “wangming”   Improve GP_R3 pri...
311
312
313
314
    sortElements(template.elements).forEach((element) => {
      const config = element.config || {}
      const type = String(element.type || '').toUpperCase()
  
143afd59   杨鑫   打印,标签
315
316
317
318
319
320
321
322
323
324
325
      const renderAsTextBlock =
        type.startsWith('TEXT_') ||
        type === 'WEIGHT' ||
        type === 'DATE' ||
        type === 'TIME' ||
        type === 'DURATION'
  
      if (renderAsTextBlock) {
        const text = type.startsWith('TEXT_')
          ? resolveElementText(element, data)
          : resolvePlainTextLikeElement(element, data)
9927b97e   “wangming”   Improve GP_R3 pri...
326
327
        if (!text) return
        const scale = resolveTextScale(getConfigNumber(config, ['fontSize'], 14), dpi)
a6f5c1af   “wangming”   开发了安卓基座
328
329
        const align = resolveElementAlign(element, pageWidth)
  
4ad9ae43   “wangming”   1111
330
        if (!options.disableBitmapText && shouldRasterizeTextElement(text, type)) {
a6f5c1af   “wangming”   开发了安卓基座
331
332
333
334
335
336
337
338
339
340
341
342
          const bitmapPatch = createTextBitmapPatch({
            element,
            text,
            dpi,
            align,
          })
          if (bitmapPatch) {
            items.push(bitmapPatch)
            return
          }
        }
  
9927b97e   “wangming”   Improve GP_R3 pri...
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
        items.push({
          type: 'text',
          x: resolveTextX({
            align,
            xPx: element.x,
            widthPx: element.width,
            dpi,
            text,
            scale,
          }),
          y: pxToDots(element.y, dpi),
          text,
          font: 'TSS24.BF2',
          rotation: resolveRotation(element.rotation),
          xScale: scale,
          yScale: scale,
        })
        return
      }
  
      if (type === 'QRCODE') {
        const value = resolveElementDataValue(element, data)
        if (!value) return
a6f5c1af   “wangming”   开发了安卓基座
366
        const level = normalizeQrLevel(getConfigString(config, ['errorLevel'], 'M'))
9927b97e   “wangming”   Improve GP_R3 pri...
367
368
369
370
371
        items.push({
          type: 'qrcode',
          x: pxToDots(element.x, dpi),
          y: pxToDots(element.y, dpi),
          value,
a6f5c1af   “wangming”   开发了安卓基座
372
373
          level,
          cellWidth: resolveQrModuleSize(element.width, element.height, dpi, value, level),
9927b97e   “wangming”   Improve GP_R3 pri...
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
          mode: 'A',
        })
        return
      }
  
      if (type === 'BARCODE') {
        const value = resolveElementDataValue(element, data)
        if (!value) return
        items.push({
          type: 'barcode',
          x: pxToDots(element.x, dpi),
          y: pxToDots(element.y, dpi),
          value,
          symbology: getConfigString(config, ['barcodeType'], 'CODE128'),
          height: Math.max(20, pxToDots(element.height, dpi)),
          readable: config.showText !== false,
          rotation: resolveRotation(getConfigString(config, ['orientation'], element.rotation || 'horizontal')),
          narrow: clamp(element.width / Math.max(40, value.length * 6), 1, 4),
          wide: clamp(element.width / Math.max(24, value.length * 3), 2, 6),
        })
a6f5c1af   “wangming”   开发了安卓基座
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
        return
      }
  
      if (type === 'IMAGE') {
        const bitmapPatch = createImageBitmapPatch({
          element,
          dpi,
        })
        if (bitmapPatch) items.push(bitmapPatch)
        return
      }
  
      if (type === 'BLANK' && String(element.border || '').toLowerCase() === 'line') {
        items.push({
          type: 'bar',
          x: pxToDots(element.x, dpi),
          y: pxToDots(element.y, dpi),
          width: Math.max(1, pxToDots(element.width, dpi)),
          height: Math.max(1, pxToDots(element.height || 1, dpi)),
        })
9927b97e   “wangming”   Improve GP_R3 pri...
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
      }
    })
  
    return {
      widthMm,
      heightMm,
      gapMm: 0,
      density: 14,
      speed: 5,
      printQty,
      items,
    }
  }
  
  function buildEscTemplate (
    template: SystemLabelTemplate,
    data: LabelTemplateData,
    printQty: number
  ): StructuredEscTemplate {
    const pageWidth = templateWidthPx(template)
    const items: EscTemplateItem[] = []
  
    sortElements(template.elements).forEach((element) => {
      const config = element.config || {}
      const type = String(element.type || '').toUpperCase()
      const align = toEscAlign(resolveElementAlign(element, pageWidth))
  
143afd59   杨鑫   打印,标签
441
442
443
444
445
446
447
448
449
450
451
      const renderAsTextBlockEsc =
        type.startsWith('TEXT_') ||
        type === 'WEIGHT' ||
        type === 'DATE' ||
        type === 'TIME' ||
        type === 'DURATION'
  
      if (renderAsTextBlockEsc) {
        const text = type.startsWith('TEXT_')
          ? resolveElementText(element, data)
          : resolvePlainTextLikeElement(element, data)
9927b97e   “wangming”   Improve GP_R3 pri...
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
        if (!text) return
        const fontSize = getConfigNumber(config, ['fontSize'], 14)
        const scale = fontSize >= 28 ? 2 : 1
        items.push({
          type: 'text',
          text,
          align,
          bold: String(config.fontWeight || '').toLowerCase() === 'bold',
          widthScale: scale,
          heightScale: scale,
        })
        return
      }
  
      if (type === 'QRCODE') {
        const value = resolveElementDataValue(element, data)
        if (!value) return
a6f5c1af   “wangming”   开发了安卓基座
469
        const level = normalizeQrLevel(getConfigString(config, ['errorLevel'], 'M'))
9927b97e   “wangming”   Improve GP_R3 pri...
470
471
472
473
        items.push({
          type: 'qrcode',
          value,
          align,
a6f5c1af   “wangming”   开发了安卓基座
474
475
          size: resolveQrModuleSize(element.width, element.height, 203, value, level),
          level,
9927b97e   “wangming”   Improve GP_R3 pri...
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
        })
        return
      }
  
      if (type === 'BARCODE') {
        const value = resolveElementDataValue(element, data)
        if (!value) return
        items.push({
          type: 'barcode',
          value,
          align,
          symbology: getConfigString(config, ['barcodeType'], 'CODE128'),
          height: clamp(element.height * 2, 48, 180),
          width: clamp(element.width / Math.max(48, value.length * 4), 2, 6),
          showText: config.showText !== false,
        })
a6f5c1af   “wangming”   开发了安卓基座
492
493
494
495
496
497
498
499
        return
      }
  
      if (type === 'BLANK' && String(element.border || '').toLowerCase() === 'line') {
        items.push({
          type: 'rule',
          width: clamp(element.width / 8, 8, 48),
        })
9927b97e   “wangming”   Improve GP_R3 pri...
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
      }
    })
  
    return {
      printQty,
      feedLines: 3,
      items,
    }
  }
  
  export function adaptSystemLabelTemplate (
    template: SystemLabelTemplate,
    data: LabelTemplateData = {},
    options: {
      dpi?: number
      printQty?: number
4ad9ae43   “wangming”   1111
516
      disableBitmapText?: boolean
9927b97e   “wangming”   Improve GP_R3 pri...
517
518
519
520
521
522
    } = {}
  ): StructuredLabelTemplate {
    const dpi = options.dpi || 203
    const printQty = Math.max(1, Math.round(options.printQty || 1))
    return {
      key: template.id || template.name || 'system-label-template',
4ad9ae43   “wangming”   1111
523
524
525
      tsc: buildTscTemplate(template, data, dpi, printQty, {
        disableBitmapText: options.disableBitmapText,
      }),
9927b97e   “wangming”   Improve GP_R3 pri...
526
527
528
      esc: buildEscTemplate(template, data, printQty),
    }
  }