n20-common-lib 1.2.1 → 1.2.4

package/src/plugins/Print/print-js/src/js/image.js

@@ -1,48 +1,48 @@
-import { addHeader } from './functions'
-import Print from './print'
-import Browser from './browser'
-
-export default {
-  print: (params, printFrame) => {
-    // Check if we are printing one image or multiple images
-    if (params.printable.constructor !== Array) {
-      // Create array with one image
-      params.printable = [params.printable]
-    }
-
-    // Create printable element (container)
-    params.printableElement = document.createElement('div')
-
-    // Create all image elements and append them to the printable container
-    params.printable.forEach(src => {
-      // Create the image element
-      const img = document.createElement('img')
-      img.setAttribute('style', params.imageStyle)
-
-      // Set image src with the file url
-      img.src = src
-
-      // The following block is for Firefox, which for some reason requires the image's src to be fully qualified in
-      // order to print it
-      if (Browser.isFirefox()) {
-        const fullyQualifiedSrc = img.src
-        img.src = fullyQualifiedSrc
-      }
-
-      // Create the image wrapper
-      const imageWrapper = document.createElement('div')
-
-      // Append image to the wrapper element
-      imageWrapper.appendChild(img)
-
-      // Append wrapper to the printable element
-      params.printableElement.appendChild(imageWrapper)
-    })
-
-    // Check if we are adding a print header
-    if (params.header) addHeader(params.printableElement, params)
-
-    // Print image
-    Print.send(params, printFrame)
-  }
-}
+import { addHeader } from './functions'
+import Print from './print'
+import Browser from './browser'
+
+export default {
+  print: (params, printFrame) => {
+    // Check if we are printing one image or multiple images
+    if (params.printable.constructor !== Array) {
+      // Create array with one image
+      params.printable = [params.printable]
+    }
+
+    // Create printable element (container)
+    params.printableElement = document.createElement('div')
+
+    // Create all image elements and append them to the printable container
+    params.printable.forEach(src => {
+      // Create the image element
+      const img = document.createElement('img')
+      img.setAttribute('style', params.imageStyle)
+
+      // Set image src with the file url
+      img.src = src
+
+      // The following block is for Firefox, which for some reason requires the image's src to be fully qualified in
+      // order to print it
+      if (Browser.isFirefox()) {
+        const fullyQualifiedSrc = img.src
+        img.src = fullyQualifiedSrc
+      }
+
+      // Create the image wrapper
+      const imageWrapper = document.createElement('div')
+
+      // Append image to the wrapper element
+      imageWrapper.appendChild(img)
+
+      // Append wrapper to the printable element
+      params.printableElement.appendChild(imageWrapper)
+    })
+
+    // Check if we are adding a print header
+    if (params.header) addHeader(params.printableElement, params)
+
+    // Print image
+    Print.send(params, printFrame)
+  }
+}

package/src/plugins/Print/print-js/src/js/init.js

@@ -1,168 +1,168 @@
-'use strict'
-
-import Browser from './browser'
-import Modal from './modal'
-import Pdf from './pdf'
-import Html from './html'
-import RawHtml from './raw-html'
-import Image from './image'
-import Json from './json'
-
-const printTypes = ['pdf', 'html', 'image', 'json', 'raw-html']
-
-export default {
-  init () {
-    const params = {
-      printable: null,
-      fallbackPrintable: null,
-      type: 'pdf',
-      header: null,
-      headerStyle: 'font-weight: 300;',
-      maxWidth: 800,
-      properties: null,
-      gridHeaderStyle: 'font-weight: bold; padding: 5px; border: 1px solid #dddddd;',
-      gridStyle: 'border: 1px solid lightgray; margin-bottom: -1px;',
-      showModal: false,
-      onError: (error) => { throw error },
-      onLoadingStart: null,
-      onLoadingEnd: null,
-      onPrintDialogClose: () => {},
-      onIncompatibleBrowser: () => {},
-      modalMessage: '打印中...',
-      frameId: 'printJS',
-      printableElement: null,
-      documentTitle: 'Document',
-      targetStyle: ['clear', 'display', 'width', 'min-width', 'height', 'min-height', 'max-height'],
-      targetStyles: ['border', 'box', 'break', 'text-decoration'],
-      ignoreElements: [],
-      repeatTableHeader: true,
-      css: null,
-      style: null,
-      scanStyles: true,
-      base64: false,
-
-      // Deprecated
-      onPdfOpen: null,
-      font: 'TimesNewRoman',
-      font_size: '12pt',
-      honorMarginPadding: true,
-      honorColor: false,
-      imageStyle: 'max-width: 100%;'
-    }
-
-    // Check if a printable document or object was supplied
-    const args = arguments[0]
-    if (args === undefined) {
-      throw new Error('printJS expects at least 1 attribute.')
-    }
-
-    // Process parameters
-    switch (typeof args) {
-      case 'string':
-        params.printable = encodeURI(args)
-        params.fallbackPrintable = params.printable
-        params.type = arguments[1] || params.type
-        break
-      case 'object':
-        params.printable = args.printable
-        params.fallbackPrintable = typeof args.fallbackPrintable !== 'undefined' ? args.fallbackPrintable : params.printable
-        params.fallbackPrintable = params.base64 ? `data:application/pdf;base64,${params.fallbackPrintable}` : params.fallbackPrintable
-        for (var k in params) {
-          if (k === 'printable' || k === 'fallbackPrintable') continue
-
-          params[k] = typeof args[k] !== 'undefined' ? args[k] : params[k]
-        }
-        break
-      default:
-        throw new Error('Unexpected argument type! Expected "string" or "object", got ' + typeof args)
-    }
-
-    // Validate printable
-    if (!params.printable) throw new Error('Missing printable information.')
-
-    // Validate type
-    if (!params.type || typeof params.type !== 'string' || printTypes.indexOf(params.type.toLowerCase()) === -1) {
-      throw new Error('Invalid print type. Available types are: pdf, html, image and json.')
-    }
-
-    // Check if we are showing a feedback message to the user (useful for large files)
-    if (params.showModal) Modal.show(params)
-
-    // Check for a print start hook function
-    if (params.onLoadingStart) params.onLoadingStart()
-
-    // To prevent duplication and issues, remove any used printFrame from the DOM
-    const usedFrame = document.getElementById(params.frameId)
-
-    if (usedFrame) usedFrame.parentNode.removeChild(usedFrame)
-
-    // Create a new iframe for the print job
-    const printFrame = document.createElement('iframe')
-
-    if (Browser.isFirefox()) {
-      // Set the iframe to be is visible on the page (guaranteed by fixed position) but hidden using opacity 0, because
-      // this works in Firefox. The height needs to be sufficient for some part of the document other than the PDF
-      // viewer's toolbar to be visible in the page
-      printFrame.setAttribute('style', 'width: 1px; height: 100px; position: fixed; left: 0; top: 0; opacity: 0; border-width: 0; margin: 0; padding: 0')
-    } else {
-      // Hide the iframe in other browsers
-      printFrame.setAttribute('style', 'visibility: hidden; height: 0; width: 0; position: absolute; border: 0')
-    }
-
-    // Set iframe element id
-    printFrame.setAttribute('id', params.frameId)
-
-    // For non pdf printing, pass an html document string to srcdoc (force onload callback)
-    if (params.type !== 'pdf') {
-      printFrame.srcdoc = '<html><head><title>' + params.documentTitle + '</title>'
-
-      // Attach css files
-      if (params.css) {
-        // Add support for single file
-        if (!Array.isArray(params.css)) params.css = [params.css]
-
-        // Create link tags for each css file
-        params.css.forEach(file => {
-          printFrame.srcdoc += '<link rel="stylesheet" href="' + file + '">'
-        })
-      }
-
-      printFrame.srcdoc += '</head><body></body></html>'
-    }
-
-    // Check printable type
-    switch (params.type) {
-      case 'pdf':
-        // Check browser support for pdf and if not supported we will just open the pdf file instead
-        if (Browser.isIE()) {
-          try {
-            console.info('Print.js doesn\'t support PDF printing in Internet Explorer.')
-            const win = window.open(params.fallbackPrintable, '_blank')
-            win.focus()
-            params.onIncompatibleBrowser()
-          } catch (error) {
-            params.onError(error)
-          } finally {
-            // Make sure there is no loading modal opened
-            if (params.showModal) Modal.close()
-            if (params.onLoadingEnd) params.onLoadingEnd()
-          }
-        } else {
-          Pdf.print(params, printFrame)
-        }
-        break
-      case 'image':
-        Image.print(params, printFrame)
-        break
-      case 'html':
-        Html.print(params, printFrame)
-        break
-      case 'raw-html':
-        RawHtml.print(params, printFrame)
-        break
-      case 'json':
-        Json.print(params, printFrame)
-        break
-    }
-  }
-}
+'use strict'
+
+import Browser from './browser'
+import Modal from './modal'
+import Pdf from './pdf'
+import Html from './html'
+import RawHtml from './raw-html'
+import Image from './image'
+import Json from './json'
+
+const printTypes = ['pdf', 'html', 'image', 'json', 'raw-html']
+
+export default {
+  init () {
+    const params = {
+      printable: null,
+      fallbackPrintable: null,
+      type: 'pdf',
+      header: null,
+      headerStyle: 'font-weight: 300;',
+      maxWidth: 800,
+      properties: null,
+      gridHeaderStyle: 'font-weight: bold; padding: 5px; border: 1px solid #dddddd;',
+      gridStyle: 'border: 1px solid lightgray; margin-bottom: -1px;',
+      showModal: false,
+      onError: (error) => { throw error },
+      onLoadingStart: null,
+      onLoadingEnd: null,
+      onPrintDialogClose: () => {},
+      onIncompatibleBrowser: () => {},
+      modalMessage: '打印中...',
+      frameId: 'printJS',
+      printableElement: null,
+      documentTitle: 'Document',
+      targetStyle: ['clear', 'display', 'width', 'min-width', 'height', 'min-height', 'max-height'],
+      targetStyles: ['border', 'box', 'break', 'text-decoration'],
+      ignoreElements: [],
+      repeatTableHeader: true,
+      css: null,
+      style: null,
+      scanStyles: true,
+      base64: false,
+
+      // Deprecated
+      onPdfOpen: null,
+      font: 'TimesNewRoman',
+      font_size: '12pt',
+      honorMarginPadding: true,
+      honorColor: false,
+      imageStyle: 'max-width: 100%;'
+    }
+
+    // Check if a printable document or object was supplied
+    const args = arguments[0]
+    if (args === undefined) {
+      throw new Error('printJS expects at least 1 attribute.')
+    }
+
+    // Process parameters
+    switch (typeof args) {
+      case 'string':
+        params.printable = encodeURI(args)
+        params.fallbackPrintable = params.printable
+        params.type = arguments[1] || params.type
+        break
+      case 'object':
+        params.printable = args.printable
+        params.fallbackPrintable = typeof args.fallbackPrintable !== 'undefined' ? args.fallbackPrintable : params.printable
+        params.fallbackPrintable = params.base64 ? `data:application/pdf;base64,${params.fallbackPrintable}` : params.fallbackPrintable
+        for (var k in params) {
+          if (k === 'printable' || k === 'fallbackPrintable') continue
+
+          params[k] = typeof args[k] !== 'undefined' ? args[k] : params[k]
+        }
+        break
+      default:
+        throw new Error('Unexpected argument type! Expected "string" or "object", got ' + typeof args)
+    }
+
+    // Validate printable
+    if (!params.printable) throw new Error('Missing printable information.')
+
+    // Validate type
+    if (!params.type || typeof params.type !== 'string' || printTypes.indexOf(params.type.toLowerCase()) === -1) {
+      throw new Error('Invalid print type. Available types are: pdf, html, image and json.')
+    }
+
+    // Check if we are showing a feedback message to the user (useful for large files)
+    if (params.showModal) Modal.show(params)
+
+    // Check for a print start hook function
+    if (params.onLoadingStart) params.onLoadingStart()
+
+    // To prevent duplication and issues, remove any used printFrame from the DOM
+    const usedFrame = document.getElementById(params.frameId)
+
+    if (usedFrame) usedFrame.parentNode.removeChild(usedFrame)
+
+    // Create a new iframe for the print job
+    const printFrame = document.createElement('iframe')
+
+    if (Browser.isFirefox()) {
+      // Set the iframe to be is visible on the page (guaranteed by fixed position) but hidden using opacity 0, because
+      // this works in Firefox. The height needs to be sufficient for some part of the document other than the PDF
+      // viewer's toolbar to be visible in the page
+      printFrame.setAttribute('style', 'width: 1px; height: 100px; position: fixed; left: 0; top: 0; opacity: 0; border-width: 0; margin: 0; padding: 0')
+    } else {
+      // Hide the iframe in other browsers
+      printFrame.setAttribute('style', 'visibility: hidden; height: 0; width: 0; position: absolute; border: 0')
+    }
+
+    // Set iframe element id
+    printFrame.setAttribute('id', params.frameId)
+
+    // For non pdf printing, pass an html document string to srcdoc (force onload callback)
+    if (params.type !== 'pdf') {
+      printFrame.srcdoc = '<html><head><title>' + params.documentTitle + '</title>'
+
+      // Attach css files
+      if (params.css) {
+        // Add support for single file
+        if (!Array.isArray(params.css)) params.css = [params.css]
+
+        // Create link tags for each css file
+        params.css.forEach(file => {
+          printFrame.srcdoc += '<link rel="stylesheet" href="' + file + '">'
+        })
+      }
+
+      printFrame.srcdoc += '</head><body></body></html>'
+    }
+
+    // Check printable type
+    switch (params.type) {
+      case 'pdf':
+        // Check browser support for pdf and if not supported we will just open the pdf file instead
+        if (Browser.isIE()) {
+          try {
+            console.info('Print.js doesn\'t support PDF printing in Internet Explorer.')
+            const win = window.open(params.fallbackPrintable, '_blank')
+            win.focus()
+            params.onIncompatibleBrowser()
+          } catch (error) {
+            params.onError(error)
+          } finally {
+            // Make sure there is no loading modal opened
+            if (params.showModal) Modal.close()
+            if (params.onLoadingEnd) params.onLoadingEnd()
+          }
+        } else {
+          Pdf.print(params, printFrame)
+        }
+        break
+      case 'image':
+        Image.print(params, printFrame)
+        break
+      case 'html':
+        Html.print(params, printFrame)
+        break
+      case 'raw-html':
+        RawHtml.print(params, printFrame)
+        break
+      case 'json':
+        Json.print(params, printFrame)
+        break
+    }
+  }
+}

package/src/plugins/Print/print-js/src/js/json.js

@@ -1,109 +1,109 @@
-import { capitalizePrint, addHeader } from './functions'
-import Print from './print'
-
-export default {
-  print: (params, printFrame) => {
-    // Check if we received proper data
-    if (typeof params.printable !== 'object') {
-      throw new Error('Invalid javascript data object (JSON).')
-    }
-
-    // Validate repeatTableHeader
-    if (typeof params.repeatTableHeader !== 'boolean') {
-      throw new Error('Invalid value for repeatTableHeader attribute (JSON).')
-    }
-
-    // Validate properties
-    if (!params.properties || !Array.isArray(params.properties)) {
-      throw new Error('Invalid properties array for your JSON data.')
-    }
-
-    // We will format the property objects to keep the JSON api compatible with older releases
-    params.properties = params.properties.map(property => {
-      return {
-        field: typeof property === 'object' ? property.field : property,
-        displayName: typeof property === 'object' ? property.displayName : property,
-        columnSize: typeof property === 'object' && property.columnSize ? property.columnSize + ';' : 100 / params.properties.length + '%;'
-      }
-    })
-
-    // Create a print container element
-    params.printableElement = document.createElement('div')
-
-    // Check if we are adding a print header
-    if (params.header) {
-      addHeader(params.printableElement, params)
-    }
-
-    // Build the printable html data
-    params.printableElement.innerHTML += jsonToHTML(params)
-
-    // Print the json data
-    Print.send(params, printFrame)
-  }
-}
-
-function jsonToHTML (params) {
-  // Get the row and column data
-  const data = params.printable
-  const properties = params.properties
-
-  // Create a html table
-  let htmlData = '<table style="border-collapse: collapse; width: 100%;">'
-
-  // Check if the header should be repeated
-  if (params.repeatTableHeader) {
-    htmlData += '<thead>'
-  }
-
-  // Add the table header row
-  htmlData += '<tr>'
-
-  // Add the table header columns
-  for (let a = 0; a < properties.length; a++) {
-    htmlData += '<th style="width:' + properties[a].columnSize + ';' + params.gridHeaderStyle + '">' + capitalizePrint(properties[a].displayName) + '</th>'
-  }
-
-  // Add the closing tag for the table header row
-  htmlData += '</tr>'
-
-  // If the table header is marked as repeated, add the closing tag
-  if (params.repeatTableHeader) {
-    htmlData += '</thead>'
-  }
-
-  // Create the table body
-  htmlData += '<tbody>'
-
-  // Add the table data rows
-  for (let i = 0; i < data.length; i++) {
-    // Add the row starting tag
-    htmlData += '<tr>'
-
-    // Print selected properties only
-    for (let n = 0; n < properties.length; n++) {
-      let stringData = data[i]
-
-      // Support nested objects
-      const property = properties[n].field.split('.')
-      if (property.length > 1) {
-        for (let p = 0; p < property.length; p++) {
-          stringData = stringData[property[p]]
-        }
-      } else {
-        stringData = stringData[properties[n].field]
-      }
-
-      // Add the row contents and styles
-      htmlData += '<td style="width:' + properties[n].columnSize + params.gridStyle + '">' + stringData + '</td>'
-    }
-
-    // Add the row closing tag
-    htmlData += '</tr>'
-  }
-
-  // Add the table and body closing tags
-  htmlData += '</tbody></table>'
-
-  return htmlData
-}
+import { capitalizePrint, addHeader } from './functions'
+import Print from './print'
+
+export default {
+  print: (params, printFrame) => {
+    // Check if we received proper data
+    if (typeof params.printable !== 'object') {
+      throw new Error('Invalid javascript data object (JSON).')
+    }
+
+    // Validate repeatTableHeader
+    if (typeof params.repeatTableHeader !== 'boolean') {
+      throw new Error('Invalid value for repeatTableHeader attribute (JSON).')
+    }
+
+    // Validate properties
+    if (!params.properties || !Array.isArray(params.properties)) {
+      throw new Error('Invalid properties array for your JSON data.')
+    }
+
+    // We will format the property objects to keep the JSON api compatible with older releases
+    params.properties = params.properties.map(property => {
+      return {
+        field: typeof property === 'object' ? property.field : property,
+        displayName: typeof property === 'object' ? property.displayName : property,
+        columnSize: typeof property === 'object' && property.columnSize ? property.columnSize + ';' : 100 / params.properties.length + '%;'
+      }
+    })
+
+    // Create a print container element
+    params.printableElement = document.createElement('div')
+
+    // Check if we are adding a print header
+    if (params.header) {
+      addHeader(params.printableElement, params)
+    }
+
+    // Build the printable html data
+    params.printableElement.innerHTML += jsonToHTML(params)
+
+    // Print the json data
+    Print.send(params, printFrame)
+  }
+}
+
+function jsonToHTML (params) {
+  // Get the row and column data
+  const data = params.printable
+  const properties = params.properties
+
+  // Create a html table
+  let htmlData = '<table style="border-collapse: collapse; width: 100%;">'
+
+  // Check if the header should be repeated
+  if (params.repeatTableHeader) {
+    htmlData += '<thead>'
+  }
+
+  // Add the table header row
+  htmlData += '<tr>'
+
+  // Add the table header columns
+  for (let a = 0; a < properties.length; a++) {
+    htmlData += '<th style="width:' + properties[a].columnSize + ';' + params.gridHeaderStyle + '">' + capitalizePrint(properties[a].displayName) + '</th>'
+  }
+
+  // Add the closing tag for the table header row
+  htmlData += '</tr>'
+
+  // If the table header is marked as repeated, add the closing tag
+  if (params.repeatTableHeader) {
+    htmlData += '</thead>'
+  }
+
+  // Create the table body
+  htmlData += '<tbody>'
+
+  // Add the table data rows
+  for (let i = 0; i < data.length; i++) {
+    // Add the row starting tag
+    htmlData += '<tr>'
+
+    // Print selected properties only
+    for (let n = 0; n < properties.length; n++) {
+      let stringData = data[i]
+
+      // Support nested objects
+      const property = properties[n].field.split('.')
+      if (property.length > 1) {
+        for (let p = 0; p < property.length; p++) {
+          stringData = stringData[property[p]]
+        }
+      } else {
+        stringData = stringData[properties[n].field]
+      }
+
+      // Add the row contents and styles
+      htmlData += '<td style="width:' + properties[n].columnSize + params.gridStyle + '">' + stringData + '</td>'
+    }
+
+    // Add the row closing tag
+    htmlData += '</tr>'
+  }
+
+  // Add the table and body closing tags
+  htmlData += '</tbody></table>'
+
+  return htmlData
+}