n20-common-lib 1.2.2 → 1.2.3

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

@@ -1,62 +1,62 @@
-const Modal = {
-  show (params) {
-    // Build modal
-    const modalStyle = 'font-family:sans-serif; ' +
-        'display:table; ' +
-        'text-align:center; ' +
-        'font-weight:300; ' +
-        'font-size:30px; ' +
-        'left:0; top:0;' +
-        'position:fixed; ' +
-        'z-index: 9990;' +
-        'color: #0460B5; ' +
-        'width: 100%; ' +
-        'height: 100%; ' +
-        'background-color:rgba(255,255,255,.9);' +
-        'transition: opacity .3s ease;'
-
-    // Create wrapper
-    const printModal = document.createElement('div')
-    printModal.setAttribute('style', modalStyle)
-    printModal.setAttribute('id', 'printJS-Modal')
-
-    // Create content div
-    const contentDiv = document.createElement('div')
-    contentDiv.setAttribute('style', 'display:table-cell; vertical-align:middle; padding-bottom:100px;')
-
-    // Add close button (requires print.css)
-    const closeButton = document.createElement('div')
-    closeButton.setAttribute('class', 'printClose')
-    closeButton.setAttribute('id', 'printClose')
-    contentDiv.appendChild(closeButton)
-
-    // Add spinner (requires print.css)
-    const spinner = document.createElement('span')
-    spinner.setAttribute('class', 'printSpinner')
-    contentDiv.appendChild(spinner)
-
-    // Add message
-    const messageNode = document.createTextNode(params.modalMessage)
-    contentDiv.appendChild(messageNode)
-
-    // Add contentDiv to printModal
-    printModal.appendChild(contentDiv)
-
-    // Append print modal element to document body
-    document.getElementsByTagName('body')[0].appendChild(printModal)
-
-    // Add event listener to close button
-    document.getElementById('printClose').addEventListener('click', function () {
-      Modal.close()
-    })
-  },
-  close () {
-    const printModal = document.getElementById('printJS-Modal')
-
-    if (printModal) {
-      printModal.parentNode.removeChild(printModal)
-    }
-  }
-}
-
-export default Modal
+const Modal = {
+  show (params) {
+    // Build modal
+    const modalStyle = 'font-family:sans-serif; ' +
+        'display:table; ' +
+        'text-align:center; ' +
+        'font-weight:300; ' +
+        'font-size:30px; ' +
+        'left:0; top:0;' +
+        'position:fixed; ' +
+        'z-index: 9990;' +
+        'color: #0460B5; ' +
+        'width: 100%; ' +
+        'height: 100%; ' +
+        'background-color:rgba(255,255,255,.9);' +
+        'transition: opacity .3s ease;'
+
+    // Create wrapper
+    const printModal = document.createElement('div')
+    printModal.setAttribute('style', modalStyle)
+    printModal.setAttribute('id', 'printJS-Modal')
+
+    // Create content div
+    const contentDiv = document.createElement('div')
+    contentDiv.setAttribute('style', 'display:table-cell; vertical-align:middle; padding-bottom:100px;')
+
+    // Add close button (requires print.css)
+    const closeButton = document.createElement('div')
+    closeButton.setAttribute('class', 'printClose')
+    closeButton.setAttribute('id', 'printClose')
+    contentDiv.appendChild(closeButton)
+
+    // Add spinner (requires print.css)
+    const spinner = document.createElement('span')
+    spinner.setAttribute('class', 'printSpinner')
+    contentDiv.appendChild(spinner)
+
+    // Add message
+    const messageNode = document.createTextNode(params.modalMessage)
+    contentDiv.appendChild(messageNode)
+
+    // Add contentDiv to printModal
+    printModal.appendChild(contentDiv)
+
+    // Append print modal element to document body
+    document.getElementsByTagName('body')[0].appendChild(printModal)
+
+    // Add event listener to close button
+    document.getElementById('printClose').addEventListener('click', function () {
+      Modal.close()
+    })
+  },
+  close () {
+    const printModal = document.getElementById('printJS-Modal')
+
+    if (printModal) {
+      printModal.parentNode.removeChild(printModal)
+    }
+  }
+}
+
+export default Modal

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

@@ -1,62 +1,62 @@
-import Print from './print'
-import { cleanUp } from './functions'
-import Browser from './browser'
-
-export default {
-  print: (params, printFrame) => {
-    // Check if we have base64 data
-    if (params.base64) {
-      const bytesArray = Uint8Array.from(atob(params.printable), c => c.charCodeAt(0))
-      createBlobAndPrint(params, printFrame, bytesArray)
-      return
-    }
-
-    // Format pdf url
-    params.printable = /^(blob|http|\/\/)/i.test(params.printable)
-      ? params.printable
-      : window.location.origin + (params.printable.charAt(0) !== '/' ? '/' + params.printable : params.printable)
-
-    // Get the file through a http request (Preload)
-    const req = new window.XMLHttpRequest()
-    req.responseType = 'arraybuffer'
-
-    req.addEventListener('error', () => {
-      cleanUp(params)
-      params.onError(req.statusText, req)
-
-      // Since we don't have a pdf document available, we will stop the print job
-    })
-
-    req.addEventListener('load', () => {
-      // Check for errors
-      if ([200, 201].indexOf(req.status) === -1) {
-        cleanUp(params)
-        params.onError(req.statusText, req)
-
-        // Since we don't have a pdf document available, we will stop the print job
-        return
-      }
-
-      // Print requested document
-      createBlobAndPrint(params, printFrame, req.response)
-    })
-
-    req.open('GET', params.printable, true)
-    req.send()
-  }
-}
-
-function createBlobAndPrint(params, printFrame, data) {
-  // Pass response or base64 data to a blob and create a local object url
-  let localPdf = new window.Blob([data], { type: 'application/pdf' })
-  localPdf = window.URL.createObjectURL(localPdf)
-  // 启程浏览器打印方法
-  if (Browser.isNstc()) {
-    window.sendMessage(localPdf)
-  } else {
-    // Set iframe src with pdf document url
-    printFrame.setAttribute('src', localPdf)
-
-    Print.send(params, printFrame)
-  }
-}
+import Print from './print'
+import { cleanUp } from './functions'
+import Browser from './browser'
+
+export default {
+  print: (params, printFrame) => {
+    // Check if we have base64 data
+    if (params.base64) {
+      const bytesArray = Uint8Array.from(atob(params.printable), c => c.charCodeAt(0))
+      createBlobAndPrint(params, printFrame, bytesArray)
+      return
+    }
+
+    // Format pdf url
+    params.printable = /^(blob|http|\/\/)/i.test(params.printable)
+      ? params.printable
+      : window.location.origin + (params.printable.charAt(0) !== '/' ? '/' + params.printable : params.printable)
+
+    // Get the file through a http request (Preload)
+    const req = new window.XMLHttpRequest()
+    req.responseType = 'arraybuffer'
+
+    req.addEventListener('error', () => {
+      cleanUp(params)
+      params.onError(req.statusText, req)
+
+      // Since we don't have a pdf document available, we will stop the print job
+    })
+
+    req.addEventListener('load', () => {
+      // Check for errors
+      if ([200, 201].indexOf(req.status) === -1) {
+        cleanUp(params)
+        params.onError(req.statusText, req)
+
+        // Since we don't have a pdf document available, we will stop the print job
+        return
+      }
+
+      // Print requested document
+      createBlobAndPrint(params, printFrame, req.response)
+    })
+
+    req.open('GET', params.printable, true)
+    req.send()
+  }
+}
+
+function createBlobAndPrint(params, printFrame, data) {
+  // Pass response or base64 data to a blob and create a local object url
+  let localPdf = new window.Blob([data], { type: 'application/pdf' })
+  localPdf = window.URL.createObjectURL(localPdf)
+  // 启程浏览器打印方法
+  if (Browser.isNstc()) {
+    window.sendMessage(localPdf)
+  } else {
+    // Set iframe src with pdf document url
+    printFrame.setAttribute('src', localPdf)
+
+    Print.send(params, printFrame)
+  }
+}

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

@@ -1,102 +1,102 @@
-import Browser from './browser'
-import { cleanUp } from './functions'
-
-const Print = {
-  send: (params, printFrame) => {
-    // Append iframe element to document body
-    document.getElementsByTagName('body')[0].appendChild(printFrame)
-
-    // Get iframe element
-    const iframeElement = document.getElementById(params.frameId)
-
-    // Wait for iframe to load all content
-    iframeElement.onload = () => {
-      if (params.type === 'pdf') {
-        // Add a delay for Firefox. In my tests, 1000ms was sufficient but 100ms was not
-        if (Browser.isFirefox()) {
-          setTimeout(() => performPrint(iframeElement, params), 1000)
-        } else {
-          performPrint(iframeElement, params)
-        }
-        return
-      }
-
-      // Get iframe element document
-      let printDocument = (iframeElement.contentWindow || iframeElement.contentDocument)
-      if (printDocument.document) printDocument = printDocument.document
-
-      // Append printable element to the iframe body
-      printDocument.body.appendChild(params.printableElement)
-
-      // Add custom style
-      if (params.type !== 'pdf' && params.style) {
-        // Create style element
-        const style = document.createElement('style')
-        style.innerHTML = params.style
-
-        // Append style element to iframe's head
-        printDocument.head.appendChild(style)
-      }
-
-      // If printing images, wait for them to load inside the iframe
-      const images = printDocument.getElementsByTagName('img')
-
-      if (images.length > 0) {
-        loadIframeImages(Array.from(images)).then(() => performPrint(iframeElement, params))
-      } else {
-        performPrint(iframeElement, params)
-      }
-    }
-  }
-}
-
-function performPrint (iframeElement, params) {
-  try {
-    iframeElement.focus()
-
-    // If Edge or IE, try catch with execCommand
-    if (Browser.isEdge() || Browser.isIE()) {
-      try {
-        iframeElement.contentWindow.document.execCommand('print', false, null)
-      } catch (e) {
-        iframeElement.contentWindow.print()
-      }
-    } else {
-      // Other browsers
-      iframeElement.contentWindow.print()
-    }
-  } catch (error) {
-    params.onError(error)
-  } finally {
-    if (Browser.isFirefox()) {
-      // Move the iframe element off-screen and make it invisible
-      iframeElement.style.visibility = 'hidden'
-      iframeElement.style.left = '-1px'
-    }
-
-    cleanUp(params)
-  }
-}
-
-function loadIframeImages (images) {
-  const promises = images.map(image => {
-    if (image.src && image.src !== window.location.href) {
-      return loadIframeImage(image)
-    }
-  })
-
-  return Promise.all(promises)
-}
-
-function loadIframeImage (image) {
-  return new Promise(resolve => {
-    const pollImage = () => {
-      !image || typeof image.naturalWidth === 'undefined' || image.naturalWidth === 0 || !image.complete
-        ? setTimeout(pollImage, 500)
-        : resolve()
-    }
-    pollImage()
-  })
-}
-
-export default Print
+import Browser from './browser'
+import { cleanUp } from './functions'
+
+const Print = {
+  send: (params, printFrame) => {
+    // Append iframe element to document body
+    document.getElementsByTagName('body')[0].appendChild(printFrame)
+
+    // Get iframe element
+    const iframeElement = document.getElementById(params.frameId)
+
+    // Wait for iframe to load all content
+    iframeElement.onload = () => {
+      if (params.type === 'pdf') {
+        // Add a delay for Firefox. In my tests, 1000ms was sufficient but 100ms was not
+        if (Browser.isFirefox()) {
+          setTimeout(() => performPrint(iframeElement, params), 1000)
+        } else {
+          performPrint(iframeElement, params)
+        }
+        return
+      }
+
+      // Get iframe element document
+      let printDocument = (iframeElement.contentWindow || iframeElement.contentDocument)
+      if (printDocument.document) printDocument = printDocument.document
+
+      // Append printable element to the iframe body
+      printDocument.body.appendChild(params.printableElement)
+
+      // Add custom style
+      if (params.type !== 'pdf' && params.style) {
+        // Create style element
+        const style = document.createElement('style')
+        style.innerHTML = params.style
+
+        // Append style element to iframe's head
+        printDocument.head.appendChild(style)
+      }
+
+      // If printing images, wait for them to load inside the iframe
+      const images = printDocument.getElementsByTagName('img')
+
+      if (images.length > 0) {
+        loadIframeImages(Array.from(images)).then(() => performPrint(iframeElement, params))
+      } else {
+        performPrint(iframeElement, params)
+      }
+    }
+  }
+}
+
+function performPrint (iframeElement, params) {
+  try {
+    iframeElement.focus()
+
+    // If Edge or IE, try catch with execCommand
+    if (Browser.isEdge() || Browser.isIE()) {
+      try {
+        iframeElement.contentWindow.document.execCommand('print', false, null)
+      } catch (e) {
+        iframeElement.contentWindow.print()
+      }
+    } else {
+      // Other browsers
+      iframeElement.contentWindow.print()
+    }
+  } catch (error) {
+    params.onError(error)
+  } finally {
+    if (Browser.isFirefox()) {
+      // Move the iframe element off-screen and make it invisible
+      iframeElement.style.visibility = 'hidden'
+      iframeElement.style.left = '-1px'
+    }
+
+    cleanUp(params)
+  }
+}
+
+function loadIframeImages (images) {
+  const promises = images.map(image => {
+    if (image.src && image.src !== window.location.href) {
+      return loadIframeImage(image)
+    }
+  })
+
+  return Promise.all(promises)
+}
+
+function loadIframeImage (image) {
+  return new Promise(resolve => {
+    const pollImage = () => {
+      !image || typeof image.naturalWidth === 'undefined' || image.naturalWidth === 0 || !image.complete
+        ? setTimeout(pollImage, 500)
+        : resolve()
+    }
+    pollImage()
+  })
+}
+
+export default Print

package/src/plugins/Print/print-js/src/js/raw-html.js

@@ -1,15 +1,15 @@
-import Print from './print'
-
-export default {
-  print: (params, printFrame) => {
-    // Create printable element (container)
-    params.printableElement = document.createElement('div')
-    params.printableElement.setAttribute('style', 'width:100%')
-
-    // Set our raw html as the printable element inner html content
-    params.printableElement.innerHTML = params.printable
-
-    // Print html contents
-    Print.send(params, printFrame)
-  }
-}
+import Print from './print'
+
+export default {
+  print: (params, printFrame) => {
+    // Create printable element (container)
+    params.printableElement = document.createElement('div')
+    params.printableElement.setAttribute('style', 'width:100%')
+
+    // Set our raw html as the printable element inner html content
+    params.printableElement.innerHTML = params.printable
+
+    // Print html contents
+    Print.send(params, printFrame)
+  }
+}

package/src/plugins/Print/print-js/src/sass/index.scss

@@ -1,14 +1,14 @@
-/*
-|--------------------------------------------------------------------------
-| Modules
-|--------------------------------------------------------------------------
-*/
-@import './modules/colors';
-
-/*
-|--------------------------------------------------------------------------
-| Partials
-|--------------------------------------------------------------------------
-*/
-@import './partials/modal';
+/*
+|--------------------------------------------------------------------------
+| Modules
+|--------------------------------------------------------------------------
+*/
+@import './modules/colors';
+
+/*
+|--------------------------------------------------------------------------
+| Partials
+|--------------------------------------------------------------------------
+*/
+@import './partials/modal';
 @import './partials/spinner';

package/src/plugins/Print/print-js/src/sass/modules/_colors.scss

@@ -1,10 +1,10 @@
-$blue: hsl(209, 96%, 36%);
-$white: hsl(0, 0%, 100%);
-
-/*
-|--------------------------------------------------------------------------
-| Aliases
-|--------------------------------------------------------------------------
-*/
-$primary: $blue;
+$blue: hsl(209, 96%, 36%);
+$white: hsl(0, 0%, 100%);
+
+/*
+|--------------------------------------------------------------------------
+| Aliases
+|--------------------------------------------------------------------------
+*/
+$primary: $blue;
 $bg-color: rgba($white, .9);

package/src/plugins/Print/print-js/src/sass/partials/_modal.scss

@@ -1,41 +1,41 @@
-.printModal {
-  font-family:sans-serif;
-  display:flex;
-  text-align:center;
-  font-weight:300;
-  font-size:30px;
-  left:0;
-  top:0;
-  position:absolute;
-  color: $primary;
-  width: 100%;
-  height: 100%;
-  background-color: $bg-color;
-}
-
-/*
-|--------------------------------------------------------------------------
-| Close Button
-|--------------------------------------------------------------------------
-*/
-.printClose {
-  position:absolute;
-  right:10px;
-  top:10px;
-}
-
-.printClose:before {
-  content: "\00D7";
-  font-family: "Helvetica Neue", sans-serif;
-  font-weight: 100;
-  line-height: 1px;
-  padding-top: 0.5em;
-  display: block;
-  font-size: 2em;
-  text-indent: 1px;
-  overflow: hidden;
-  height: 1.25em;
-  width: 1.25em;
-  text-align: center;
-  cursor: pointer;
+.printModal {
+  font-family:sans-serif;
+  display:flex;
+  text-align:center;
+  font-weight:300;
+  font-size:30px;
+  left:0;
+  top:0;
+  position:absolute;
+  color: $primary;
+  width: 100%;
+  height: 100%;
+  background-color: $bg-color;
+}
+
+/*
+|--------------------------------------------------------------------------
+| Close Button
+|--------------------------------------------------------------------------
+*/
+.printClose {
+  position:absolute;
+  right:10px;
+  top:10px;
+}
+
+.printClose:before {
+  content: "\00D7";
+  font-family: "Helvetica Neue", sans-serif;
+  font-weight: 100;
+  line-height: 1px;
+  padding-top: 0.5em;
+  display: block;
+  font-size: 2em;
+  text-indent: 1px;
+  overflow: hidden;
+  height: 1.25em;
+  width: 1.25em;
+  text-align: center;
+  cursor: pointer;
 }